vue2自定义指令

vue提供了自定义指令的配置
让我们可以使用`v-${自定义名字}`的格式使用
为什么是v-

因为vue的编译过程会通过
var dirRE = /^v-|^@|^:|^#/;
这个正则处理
@是事件
:是数据绑定
#是模板slot这些
那么v-就是指令了

全局自定义指令(官方例子)

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

局部自定义指令(官方例子)

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

使用

<input v-focus>使用

没什么好说的，和组件的使用注册逻辑基本相同，可以看看这篇文章
组件使用
自定义指令提供了一系列的钩子来满足开发需求，具体看文档
自定义指令文档