自定义指令总结

本文主要是介绍自定义指令总结，对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

Vue自定义指令总结：

　　1、定于语法

　　　　（1）局部指令

new Vue({
   //directives: {指令名：配置对象} 
    指令: {
        bind() {},
        inserted() {},
        updata() {}    
    }
})
//或简写 简写该回调融合了两个钩子回调
//bind与update 即指令与元素绑定成功时调用、指令所在模板结构被重新解析时调用
new Vue({
   directives: {
        指令(element, binding) {
    
        }
   } 
})    

　　　　（2）全局指令

　　　　　　　　Vue.directive(指令名, 配置对象) 或 Vue.directive(指令名，回调函数)

　　2、配置对象中常用的3个钩子回调

　　　　（1）bind：指令与元素成功绑定时调用。

　　　　（2）inserted：指令所在元素被插入页面时调用。

　　　　（3）update：指令所在模板结构被重新解析时调用

　　3、注意：

　　　　（1）指令定义时不加v-，但使用时要加v-

　　　　（2）指令名如果是多个单词，要使用kebab-case命名方式，不要用camelCase命名

这篇关于自定义指令总结的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！