我们都知道vue.js十分的好用

尤其是vue自带的指令 

像 ： v-if用于条件渲染，v-for用于列表渲染，v-on绑定事件

 

而且我们可以自定义指令，不管是全局的还是局部的指令

注册全局自定义指令时使用   directive()  方法

1 // 注册一个全局自定义指令 `v-focus`2 Vue.directive('指令名称', {3   // 当被绑定的元素插入到 DOM 中时……4   inserted: function (el) {5     // 聚焦元素6     el.指令名称()7   }8 })

 

注册局部自定义指令时使用  directives  选项(不是注册全局指令时的directive方法哦)

1 directives: {2   指令名称: {3     // 指令的定义4     inserted: function (el) {5       el.指令名称()6     }7   }8 }

 

然后我们就能愉快的使用自定义好的指令了   就像是：