vue自定义指令

1、全局定义Vue.directive()
参数：
(1)、指令的名字（定义的时候不加v-,使用vue指令的时候加上v-）
(2)、对象，里面包含三个钩子方法
bind 只调用一次，指令第一次绑定到元素时调用。在这里可以进行一次性的初始化设置
inserted 这个元素已经渲染到界面上之后执行
update 当元素有更新的时候执行
(3)、 这三个方法的参数有哪些
*el：指令所绑定的元素，可以用来直接操作 DOM 。
*binding：一个对象，包含以下属性：
*name：指令名，不包括 v- 前缀。
*value：指令的绑定值，例如：v-my-directive=“1 + 1” 中，绑定值为 2。
oldValue：指令绑定的前一个值，仅在 update 和 componentUpdated钩子中可用。无论值是否改变都可用。
示例：