一、定义语法:

(1) 局部指令:
new Vue({
directives:{'指令名':配置对象} 或 directives{'指令名':回调函数}
})
(2) 全局指令:
Vue.directive(''指令名',配置对象)或Vue.directive('指令名',回调函数)

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

(1) bind:指令与元素成功绑定时调用。
(2) ed:指令所在元素被插入页面时调用。
(3) :指令所在模板结构被重新解析时调用。

三、备注:

1.指令定义时不加v-,但使用时要加v-;
2.指令名如果是多个单词,要使用kebab-case命名方式(此时在命名的时候要加上单引号: 'kebab-case'),不要用camelCase命名。

END
本文作者:
文章标题:自定义指令语法
本文地址:https://blog.imjunjun.cn/archives/124/
版权说明:若无注明,本文皆军军's Blog原创,转载请保留文章出处。
Last modification:April 29, 2022
如果觉得我的文章对你有用,请随意赞赏