文章分类 -  前端 / 框架

上一页 1 2 3 4 5 6

vue2.x之监听属性
摘要:什么是监听属性? 所谓监听就是对内置对象的状态或者属性变化进行监听并且做出反应的响应,监听属性,意思就是可以监视其他数据的变化。 基本用法 使用watch配置项,在配置项里面写上要监视的属性,每次属性值的变化都会触发handler函数回调,也可以监视计算属性的变化。 🌰示例 <!--templat 阅读全文

posted @ 2024-07-09 21:37 梁飞宇 阅读(33) 评论(0) 推荐(0)

vue2.x之计算属性
摘要:我们一般是在模板中放置的都是一些基础变量或者一些简单的运算,但是对于一些复杂的表达式是不建议写在模板中的,比如这个变量依赖于别的变量,这时候如果将所有的逻辑都放在模板里面就不利于维护也不利于复用,这时候就可以使用计算属性了。简单地说计算属性就是要用的属性不存在,需要通过已有的属性计算得来的。 什么是 阅读全文

posted @ 2024-07-09 20:53 梁飞宇 阅读(33) 评论(0) 推荐(0)

vue2.x之事件
摘要:一、监听 在vue中事件监听是通过v-on指令去监听的,并在触发的时候运行一些JavaScript代码。即v-on:后面加事件类型 <span class="btn" v-on:click="clearFun">点我触发点击事件</span> v-on指令也可以简写成@符 <span class=" 阅读全文

posted @ 2024-07-09 19:34 梁飞宇 阅读(76) 评论(0) 推荐(0)

vue2.x之指令
摘要:一、什么是指令 Vue指令是Vue.js框架中的一种特殊语法,用于在HTML模板中直接操作DOM。通过使用Vue指令,我们可以对DOM元素进行动态的绑定、条件渲染、列表渲染等操作,实现数据驱动的交互效果。 ⏰ 指令: 1. 本质就是自定义属性2. Vue中指定都是以 v- 开头,不管是内置指令,还是 阅读全文

posted @ 2024-07-09 17:37 梁飞宇 阅读(33) 评论(0) 推荐(0)

vue2.x之初始化项目
摘要:一、安装 在创建vue项目之前,我们需要安装一些环境,比如:node, vue脚手架, npm等 1. 安装node 去官网下载:nodejs.org/en/ 下载最近版本,直接在首页下载就好 也可以下载之前的原始版本 nodejs.org/en/download… 如果之前已经安装过node, 可 阅读全文

posted @ 2024-07-09 10:44 梁飞宇 阅读(133) 评论(0) 推荐(0)

vue知识点之$parent $children $refs $root
摘要:vue提供的这几种方法可以随便调用父子组件跟组件data里的值还有method中的方法 1. $parent 👀 $parent是子组件调用父组件的方法,返回的是一个对象,因为只会有一个父组件 写法: this.$parent.getParent() 2. $children 👀 $childr 阅读全文

posted @ 2024-03-22 19:39 梁飞宇 阅读(20) 评论(0) 推荐(0)

vue知识点之.vue文件中的export default导出的是什么?为什么不可以用export
摘要:疑问一🤔️? <template>和<style>标签明明不再export default 中为什么会被导出? 首先了解一下export default 的导出内容: *.vue 文件,这个文件会被 vue-loader(如果你用的是 Webpack 的话)加工处理。<template> 部分会被 阅读全文

posted @ 2024-02-01 16:23 梁飞宇 阅读(154) 评论(0) 推荐(0)

BootStrap学习之栅格
摘要:Bootstrap包含了一个强大的移动优先的网格系统,它是基于一个12列的布局、有5种响应尺寸(对应不同的屏幕),支持Sass mixins自由调用,并结合自己预定义的CSS、Js类,用来创建各种形状和尺寸的布局。 机制原理 Bootstrap的网格系统使用一系列div容器的行、列来布局和对齐内容, 阅读全文

posted @ 2024-01-23 23:19 梁飞宇 阅读(48) 评论(0) 推荐(0)

bootstrap学习之container类和container-fluid类的区别
摘要:一,Demo <!DOCTYPE html> <html lang="zh-cn"> <!-- 头部 --> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name= 阅读全文

posted @ 2024-01-23 19:43 梁飞宇 阅读(56) 评论(0) 推荐(0)

上一页 1 2 3 4 5 6