自定义指令

125 阅读1分钟

自定义指令总结:

一、定义语法:

(1).局部指令:

new Vue({new Vue({directives:{指令名:配置对象}   或directives{指令名:回调函数}})})

(2).全局指令: Vue.directive(指令名,配置对象) 或 Vue.directive(指令名,回调函数)

二、配置对象中常用的3个回调:

(1).bind:指令与元素成功绑定时调用。

(2).inserted:指令所在元素被插入页面时调用。

(3).update:指令所在模板结构被重新解析时调用。

三、备注:

1.指令定义时不加v-,但使用时要加v-;

2.指令名如果是多个单词,要使用kebab-case命名方式,不要用camelCase命名。