vue指令:用于解析标签,操作dom元素、内容等
- v-bind:单项绑定解析表达式;
- v-on:绑定事件指令,简写 @;
- v-model:双向数据绑定;
- v-for:遍历数组、对象、字符串;
- v-if、v-else、v-show:条件渲染(动态控制节点是否展示)
- v-text:绑定文本,没有插值表达式灵活
- v-html:可以解析结构性标签,不安全的指令
- v-cloak:特殊标签属性,没有值,配合css语法,[v-cloak]{display:none}
可以解决网速过慢,页面展示{{xxx}}的问题,只要加载vue了,就会自动删除该属性
- v-once:该指令没有值,属于初次动态加载之后,就不在动态渲染了,可以用于优化性能,属于事件修饰符
- v-pre:该指令没有值,标签中添加该指令,可以跳过节点编译
- 指令分为局部指令和全局指令,全局指令:Vue.directive(‘name’,配置对象);局部指令:new Vue({‘name’,callback})
- 自定义指令:会调用三个方法:binding、insert、update,其中的this指向window,而不是vm
2021-12-01 15:39