您当前的位置:首页 > 网站建设 > javascript
| php | asp | css | H5 | javascript | Mysql | Dreamweaver | Delphi | 网站维护 | 帝国cms | React | 考试系统 | ajax | jQuery | 小程序 |

理解Vue2.x和Vue3.x自定义指令用法及钩子函数原理

51自学网 2022-02-21 13:41:15
  javascript

Vue2.x用法

全局注册

Vue.directive( 指令名, { 自定义指令生命周期 } )

局部注册

directives: { 指令名, { 自定义指令生命周期 } }

使用

v-指令名: 属性名.修饰符=“value值”

钩子函数

bind - 自定义指令绑定到 DOM 后调用. 只调用一次, 注意: 只是加入进了DOM, 但是渲染没有完成

inserted - 自定义指令所在DOM, 插入到父 DOM 后调用, 渲染已完成(最最重要)

update - 元素更新, 但子元素尚未更新, 将调用此钩子( 自定义指令所在组件更新时执行, 但是不保证更新完成 )
下载地址:
Web面试常问回流reflow与重绘repaint原理及区别
为什么vue中不建议使用空字符串作为className

万事OK自学网:51自学网_软件自学网_CAD自学网自学excel、自学PS、自学CAD、自学C语言、自学css3实例,是一个通过网络自主学习工作技能的自学平台,网友喜欢的软件自学网站。