Vue自定义指令

一、定义语法：

        1.局部指令：

        

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

或

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

        2.全局指令：

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

---

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

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

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

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

---

三、备注：

        1.指令定义时不加 v- ，但在使用时要在前面加上 v- ；

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