-
定义自定义指令 ---> Vue.directive(dir_name, {}) ---> 定义全局自定义指令(全局注册)
---> directives{ dir_name: {} } ---> 定义局部自定义指令(局部注册)
2. 在模板中使用 “ v-指令名 ” 调用指令
3. 调用指令时给其传递相应的值
v-xxx="value"传递值
v-xxx="'string'"传递字符串
v-xxx:arg="value"传递参数(arg)
用修饰符(modifier)来对指令进行修饰
4. 调用指令时给其传递相应的参数
Vue.directive('name', { 钩子函数 }) 参数
参数一 ---> 指令的名称,不需要加"v-"前缀,但在调用时需要加上
参数二 ---> 一个对象,包含相关的钩子函数,可以在特定阶段执行相关操作。
钩子函数 ---> bind(指令绑定)
---> inserted(插入到父节点)
---> update(组件VNode更新)
---> componentUpdated(组件VNode及其孩子VNode全部更新)
---> unbind(解绑)
钩子函数参数(el,{binding}):
---> el ---> 表示绑定此自定义指令的元素,是一个元素的 JavaScript 对象
---> binding 是一个对象,包含了指令的相关参数。