vue中的自定义指令(directive)

一、vue的指令

vue中有很多的指令、比如 v-model、v-for、v-if、v-show、v-html、v-on、v-bind、但是有时候这些指令并不能满足我们，比如我们想为元素添加一些比较特殊的功能，这个时候我们就需要用到vue中的一个强大的指令   -----------自定义指令（directive）

二、自定义指令的钩子函数

bind：指令是第一次绑定到元素时被调用，只调用一次

inserted：被绑定元素插入父节点时调用

update：所在组件更新时调用

componentUpdated：指令所在成都VNode全部更新时调用

unbind：指令与元素解绑时调用，只调用一次

三、自定义指令的两种方式

1.全局：在main.js中进行配置

Vue.directive（）

2.局部：在组件中和data，methods，同级写入

directives：{}