自定义指令总结

Vue自定义指令总结：

　　1、定于语法

　　　　（1）局部指令

　　　　　　

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

　　　　（2）全局指令

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

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

　　　　　　参数都一样（element，binding）参数1：跟随绑定指令的真实DOM。参数2：是一个对象，包含指令相关的一些属性

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

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

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

　　3、注意：

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

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