Vue自定义事件

咱们都知道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 }

 

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

<input  v-自定义指令名称>