博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Vuejs2.0学习笔记-自定义指令
阅读量:6652 次
发布时间:2019-06-25

本文共 394 字,大约阅读时间需要 1 分钟。

hot3.png

一、自定义全局指令

  • 处理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: 指令的绑定值

转载于:https://my.oschina.net/maliang1989/blog/3017268

你可能感兴趣的文章
006——数组(六)array_fill()array_filter()array_flip()array_key_exists()array_keys()
查看>>
PowerDesigner使用积累
查看>>
收了几个有背景的学生。
查看>>
洛谷P3954 成绩【民间数据】
查看>>
spring rest 容易被忽视的后端服务 chunked 性能问题
查看>>
鼠标滑过弹出层
查看>>
Difference Between Session.run and Tensor.eval
查看>>
MHA高可用架构与Atlas读写分离
查看>>
ucloud mysql
查看>>
linux系统编程:获取glibc的版本号
查看>>
java开发SSM框架的搭建(SpringMVC+Spring+MyBatis)
查看>>
ASP.NET CORE中控制器内return HTML 内容自动编码问题
查看>>
[MST] Restore the Model Tree State using Hot Module Reloading when Model Definitions Change
查看>>
可变函数
查看>>
vue之node.js的简单介绍
查看>>
网页中二维码识别规则
查看>>
博弈论进阶之树的删边游戏与无向图的删边游戏
查看>>
多台Mac电脑使用同一个apple开发者账号测试
查看>>
区块链发行币说明参考
查看>>
图解git中的最常用命令
查看>>