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

原创
2019/03/03 11:29
阅读数 38

一、自定义全局指令

  • 处理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: 指令的绑定值
展开阅读全文
打赏
0
1 收藏
分享
加载中
更多评论
打赏
0 评论
1 收藏
0
分享
返回顶部
顶部