Vuejs2.0学习笔记-自定义指令

1、自定义全局指令

• 处理vue提供的默认指令v-model等，容许用户自定义指令，解决什么问题？对底层DOM进行操做。

• 事例：自定义全局指令v-focus，并将指令绑定到DOM上，在DOM上的加载时，触发自定义全局指令bind,inserted, update, componentUpdated, unbind等操做。

2、自定义局部指令

• 注册局部指令，在组件中接受一个directives选项：

3、钩子函数与参数 指令定义函数提供了几个钩子函数：

• bind
• inserted
• update
• componentedUpdated
• unbind

钩子函数参数

• el：指令绑定的DOM元素，能够直接操做DOM
• binding：一个对象
  • name : 指令名
  • value: 指令的绑定值