Vue自定义指令

自定义指令：
 

 一。定义局部指令

1. 指令的函数简写形式：

 指令就是在操作dom元素：第一个参数：DOM元素（上图中的span标签）  第二个参数：绑定的值（上图中的 n ）。

2. 指令的对象形式：

 二。定义全局指令

总结：

一、定义语法：

                  (1).局部指令：

                        new Vue({                             new Vue({

                          directives:{指令名:配置对象}   或       directives{指令名:回调函数}

                        })                                    })

                  (2).全局指令：

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

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

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

                  (2).inserted：指令所在元素被插入页面时调用。

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

            三、备注：

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

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