V-once 指令:
1. V-once 所在节点在初次动态渲染后,就视为静态内容了。
2. 以后数据的改变不会引起v-once 所在结构的更新,可以用于优化性能。
V-pre指令:
1. 跳过其所在节点的编译程
2. 可利用它跳过:没有使用指令语法、没有使用插值语法的节点,会加快编译。
Vue 自定义指令:
- 定义语法:
1) 局部指令:
New Vue({
directives:{指令名:配置对象}
})
或:
New Vue({
directives:{指令名:回调函数}
})
2)全局指令:
Vue.directive(指令名,配置对象) 或 Vue.directive(指令名,回调函数)
- 配置对象中常用的3个回调:
1).bind: 指令与元素成功绑定时调用。
2).inserted: 指令所在元素被插入页面时调用。
3).update: 指令所在模板结构被重新解析时调用。
- 备注:
1)指令定义时不加 v-, 但使用时要加 v-;
2) 指令名如果多个单词,要使用kebab-case 命名方式,不要用camelCase命名。