一、自定义全局指令
-
处理vue提供的默认指令v-model等,允许用户自定义指令,解决什么问题?对底层DOM进行操作。
-
事例:自定义全局指令v-focus,并将指令绑定到DOM上,在DOM上的加载时,触发自定义全局指令bind,inserted, update, componentUpdated, unbind等操作。
二、自定义局部指令
- 注册局部指令,在组件中接受一个directives选项:
三、钩子函数与参数 指令定义函数提供了几个钩子函数:
- bind
- inserted
- update
- componentedUpdated
- unbind
钩子函数参数
- el:指令绑定的DOM元素,可以直接操作DOM
- binding:一个对象
- name : 指令名
- value: 指令的绑定值