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