Vue自定义指令

99 阅读1分钟

1.定义语法

a.局部指令:

new Vue({ directives:{指令名:配置对象} })

或者

new Vue({ directives:{指令名:回调函数} })

b.全局指令:

Vue.directive(指令名,配置对象)

或者

Vue.directive(指令名,回调函数)

2.配置对象中常用的三个回调:

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

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

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

3.备注

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

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