Vue自定义事件

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

尤其是vue自带的指令 

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

 

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

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

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

 

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

directives: {
  指令名称: {
    // 指令的定义
    inserted: function (el) {
      el.指令名称()
    }
  }
}

 

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

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