摘要：
一、定义语法 1、局部 // 简单，只需要指令语法绑定元素和指令语法所在模块加载时使用 nev Vue({ ..., directives:{ // element指令绑定的dom，binding获取value 指令名(element, binding){ }, }, } // 详细，指令绑定元素、 阅读全文
posted @ 2025-01-01 09:37
市丸银
阅读(21)
评论(0)
推荐(0)
摘要：
一、v-text指令 1、作用：渲染所在节点的文本内容 2、区别：与插值语法的区别，v-text会替换掉节点的内容，{{xx}}不会 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport 阅读全文
posted @ 2024-12-31 22:10
市丸银
阅读(18)
评论(0)
推荐(0)
摘要：
作用：实现一些简单的逻辑，前面的结果作为输入值给后面(与管道符类似) 语法 1、定义，默认带value //局部，vue中, 有返回值 filters:{ 过滤器名(value){ return 值 } } //全局，全局过滤器定义在vm前面 Vue.filter(过滤器名称, function(v 阅读全文
posted @ 2024-12-31 20:39
市丸银
阅读(14)
评论(0)
推荐(0)
摘要：
收集表单数据 若<input type="text"/>，则v-model收集的是value值，用户输入的就是value值。 若<input type="radio"/>，则v-model收集的是value值，且要给标签配置value值。 若<input type="checkbox"/> 1、没有 阅读全文
posted @ 2024-12-31 19:30
市丸银
阅读(18)
评论(0)
推荐(0)
摘要：
注意：在vm(data)的根数据，不能使用 Vm.set() /vm.$set() 一、监视 1、vue会监视data中所有层次的数据、 2、对象数据 a、对象中添加属性，vue默认不做响应 b、对象添加属性，vue做响应，通过如下api Vue.set(target, 属性, 值) vue.$se 阅读全文
posted @ 2024-12-31 16:15
市丸银
阅读(527)
评论(0)
推荐(0)
摘要：
一、基础 1、v-for用来展示列表数据 2、语法 v-for="(value, index) in xx" :key="唯一标识" 3、可遍历：数组、对象、字符串 注意：先是值，再是索引 注意:key=""，key等于的值是唯一标识 <!DOCTYPE html> <html lang="en"> 阅读全文
posted @ 2024-12-30 21:06
市丸银
阅读(20)
评论(0)
推荐(0)
摘要：
一、v-show 写法：v-show="表达式" 适用于切换频率较高的场景 特点：不展示的DOM元素未被移除，仅仅是隐藏 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" cont 阅读全文
posted @ 2024-12-30 20:35
市丸银
阅读(19)
评论(0)
推荐(0)
摘要：
一、class样式 写法:class="xxx"，xxx可以是字符串、数组、对象 字符串写法适用于 类名不确定 要动态获取 数组写法适用于：绑定多个样式，个数不确定，名字也不确定 对象写法适用于：要绑定多个样式，个数确定，名字也确定，不确定是否使用{a:false, b:false} 二、style 阅读全文
posted @ 2024-12-30 19:48
市丸银
阅读(9)
评论(0)
推荐(0)
摘要：
监视属性 1、监视对象：普通属性、计算属性 2、当监视对象发生变化时，watch中的handler函数自动调用 3、常用属性 immediate：true 立刻执行，无论监视对象发没发生变化 depp: true 深度属性监视，一般只监视一层 4、两种写法 new Vue 传入 watch watc 阅读全文
posted @ 2024-12-30 15:50
市丸银
阅读(46)
评论(0)
推荐(0)
摘要：
1、定义：要用的属性不存在，要通过已有的属性计算 2、get函数 初次读取，执行一次，有缓存，当计算属性所依赖的属性发生变化事，计算属性发生变化 当只需要实现get函数时，可以简写 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF- 阅读全文
posted @ 2024-12-30 14:20
市丸银
阅读(11)
评论(0)
推荐(0)
浙公网安备 33010602011771号