vue自定义:directive自定义指令，自定义事件，自定义组件

自定义指令

指令

• 指令是用来操作DOM的

• 指令的使用形式：属性

• 自定义指令方式：

  • 全局注册指令
    • Vue.directive（指令的名称，指令的配置项）
  • 局部注册指令
    • directives:{ ‘指令名称’ : 指令的配置项 }

指令的配置项

• 指令的配置项提供了5个钩子函数
• 这些钩子函数中的参数为 el，binding，vnode，oldVnode
  • el：指令绑定的元素，可以用来直接操作DOM（除了el之外，其它参数都应该是只读的，如果需要钩子函数数据共享-dataset）
  • binding：指令的详细信息，它是一个对象
    • name : 指令名，不包括v-前缀
    • value：指令的绑定值（是算式会计算结果）
    • oldValue：指令绑定的前一个值（update和componentUpdated钩子中可用）
    • expression：字符串形式的指令表达式（不会计算结果）
    • arg：传给指令的参数
    • modifiers：一个包含修饰符的对象
  • vnode：Vue编译生成的虚拟节点
  • oldVnode࿱