vue 2
2022年6月20日vue 指令
1 2 3 4 5 |
v-cloak //解决闪屏问题 v-text //输出文本 v-html //输出html v-bind //属性绑定 缩写是: v-on //事件绑定 缩写是@ |
vue 修饰符
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 |
.stop //阻止冒泡 .prevent //阻止默认事件 .capture //添加事件监听器时使用事件捕获模式 .self //只当事件在该元素本身(比如不是子元素)触发时触发回调 .once //事件只触发一次 .passive //移动端,限制事件永不调用preventDefault()方法 //按键修饰符 @keyup.delete //回格删除 @keyup.tab //制表 @keyup.enter //回车 @keyup.esc //退出 @keyup.space //空格 @keyup.left //左 @keyup.up //上 @keyup.right //右 @keyup.down //下 //鼠标修饰符 .left //左键 .right //右键 .middle //中间 //系统按键修饰符 .ctrl .alt .shift .meta //meta 键 windows 上为田键 //v-model 双向数据绑定修饰符 .lazy //将用户输入的数据赋之于变量的时机由输入时延迟到数据改变时 ?? .number //自动转换用户输入为数值类型 .trim //自动过滤用户输入的首尾空白字符 |
vue 指令
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 |
bind //指令于元素绑定时调用 inserted //指定绑定的元素被挂载到父元素上时调用 update //指令所在的vnode更新时调用 componentUpdated //指令所在vnode及其子vnode全部更新后调用 unbind //指令于元素解绑时调用 el //指定所绑定元素,可用于操作dmo binding //包含指令相关属性对象 name //指令名称 value //指令绑定的值 v-some='2*2' ,绑定值为4 oldvale //指令之前改变的值,仅在update和componentUpdate 钩子函数中使用 expression //字符串类型的表达式 如 v-some='2*2' ,绑定值为 2*2 arg //传递的参数 v-some:someValue中的 值为someValue modifiers //修饰符对象,如在v-some.uppeer 中 {upper:true} vnode //虚拟节点 oldNode //虚拟节点更新前的值 |