vue学习第15天,自定义指令
来源:互联网 发布:audacity mac 编辑:程序博客网 时间:2024/05/29 17:22
1,在vue 中大多数的代码复用抽象是通过组件实现的 但是避免不了操纵 DOM 可以给DOM 使用自定义指令
2,自定义指令函数 提供了一些钩子 bind 钩子 仅在指令第一次绑定到元素上的时候调用一次 执行一些操作
3,自定义指令 inserted 钩子 插入父节点时候调用
4,自定义指令 update 钩子 组件的 vnode 更新的时候 或者其孩子的 vnode 更新的时候 调用
5,自定义指令 componentUpdated 钩子 所在组件的 vnode 和其子节点的 vnode 均 更新的时候 调用
6,自定义指令 unbind 钩子 仅在指令与元素解除绑定的时候调用一次
7,自定义指令 的钩子函数 可以接受参数
8,el 参数 绑定的元素
9,binding 参数 是一个拥有一系列属性的对象
10,name 属性 指令的名字 去掉 v-
11,value 属性 指令接受到的计算后的值
12,oldValue 属性 指令绑定的前一个计算后的值 在 updata componentUpdate 两个更新钩子调用时候 可以使用
13,expression 属性 指令 接受到的 计算前的值
14,arg 属性 传给指令的参数
15,modifires 属性 指令拥有的修饰符的对象
16,vnode 属性 vue编译器生成的虚拟节点
17,oldVnode 属性 上一个虚拟节点 和 oldValue 一样 只能在 update vomponentUpdate 钩子调用的时候 使用
18,对象字面量 指令可以接受一个对象字面量 对象里面可以加入多个参数
阅读全文
0 0
- vue学习第15天,自定义指令
- Vue学习(二)自定义指令
- vue学习笔记6 Vue.directive自定义指令
- vue自定义指令-vue-reclick
- 【第1103期】vue 自定义指令的魅力
- vue 自定义指令
- Vue自定义指令-拖拽
- Vue.js--自定义指令
- Vue自定义指令
- vue自定义指令
- vue自定义指令
- vue之自定义指令
- Vue.js--自定义指令
- vue-自定义指令-拖拽
- 14-Vue自定义指令
- Vue.directive 自定义指令
- Vue自定义指令(directive)
- Vue之自定义指令
- python时间处理详解
- 一篇详细描述NUGET管理项目库的文章
- 数据结构上机实践第五周项目2
- 本地主机与本地虚拟机的远程连接
- LeetCode--349. Intersection of Two Arrays
- vue学习第15天,自定义指令
- Jenkins进阶系列之——10Publish Over SSH插件
- mysql 里面的isnull()、 is null 和 is not null、ifnull()
- 优雅编程之这样使用对象
- java的字符串用“+”连接的理解(转载)
- Linux环境中MySQL中文编码问题
- matlab画图怎么设置线条类型和颜色
- CSS常用样式
- K近邻回归模型对Boston房价进行预测,同时对性能进行评估(1.使用普通的算术平均法2.考虑距离差异进行加权平均)