[Vue]Vue的自定义指令
什么是Vue自定义指令?
Vue自定义指令用起来就像Vue内置的v-model
、v-on
...之类,只不过实现了一些自己想要的功能。因为Vue自定义指令的钩子函数会传入一个el
,它是自定义指令绑定到的那个DOM元素,所以Vue自定义指令可以用来直接和DOM打交道。
如何注册一个指令?
自定义指令分为全局和组件内的局部指令。全局自定义指令注册方法:
Vue.directive('myDirective', {
// inserted是内置的钩子函数
inserted: function (el) {
// 一些操作...
},
// 指令的其他内容和钩子函数,如果需要的话...
})