vue--directive自定义指令

概述：对底层DOM操作时，用自定义指令

1、自定义指令

.了解指令的组成部分

.全局注册 Vue.directive('指令名’，{ 钩子函数 })；局部注册directives:{指令名：{} }

.使用时，用v-指令名

.钩子函数

bind(){} //只调用一次，指令第一次绑定到元素时调用
inserted(){} //被绑定元素插入父节点时调用 （父节点存在即可调用，不必存在于 document 中）。
update(){} //组件更新时
componentupdated(){} //组件更新完毕，跟上面区别不大
unbind(){} //只调用一次，指令与元素解绑时调用（如dom移除）。

以上所有钩子函数接受的参数

el：指令所绑定的元素，可以用来直接操作 DOM

binding： 一个对象，包含如下属性:（即指令的组成部分）