Vue--自定义指令

• 为什么会有自定义指令呢？因为Vue推崇不要直接的去操作DOM对象，所以我们需要将一些操作转化成指令的方式去绑定到元素的身上，实现对标签的操作
• 自定义指令也要以v-开头
• 全局指令自定义：Vue.directive(指令名称，对象类型)

1. 定义指令参数的名字的时候不需要加v-，但是调用的时候需要加v-
2. 参数2是一个对象类型包含下面的这些方法
3. bind：function（el,binding）{}//每当指令绑定到元素的时候执行函数，只执行一次
4. inserted：function（el,binding）{}//表示元素插到dom中开始执行函数，只会执行一次
5. updated：function（el,binding）{}//当vnode 更新的时候会执行的函数，会执行多次
6. bind和update函数的函数可以生路前面的bind 和update
7. 以上三个函数都是钩子函数的第一个参数一定是el,用来绑定原生的js对象
8. 和样式相关的一般放在bind中，和操作相关的一般放到inserted中定义

• 局部定义new Vue（{directive:{}}）
• 钩子参数：钩子函数的参数有两个el和binding(这是个对象呢)下面看一下binding对象的哪些属性
• binding的值是为了获取指令对应的赋值

1. name:指令名 不包含v-
2. value:指令绑定的值
3. oldValue：指令绑定前的值，仅在update和comonentUpdated钩子上使用
4. expression：绑定值得字符串的值，即原型输出字符串类型的值
5. args：传给绑定指令的参数