Vue中的生命周期函数的特点

本文详细介绍了Vue.js的生命周期,包括beforeCreate、created、beforeMount、mounted、beforeDestroy和destroyed等阶段,以及在不同阶段的数据初始化、DOM操作和组件销毁的注意事项。重点讨论了如何在mounted阶段通过$nextTick或setTimeout处理DOM操作,并在beforeDestroy和destroyed阶段进行资源清理。此外,文章还提及了Vue3中销毁函数变为unmounted的变动。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

beforeCreate 创建之前:此时data和methods中的数据还没有初始化
created 创建完成: data和methods数据已经生成,但还不能操作dom,可以在mounted钩子函数中用$nextTick这个全局方法,或者setTimeout定时器在created中实现操作dom
beforeMount 挂载之前:有this,有数据,没有真实dom
mounted 挂载之后:已经完成了HTML虚拟化,创建了el节点可以操作dom,做数据修改会触发到updata生命钩子
beforeDestory 摧毁之前: 整个vue都处在实时监控渲染和更新
destoryed 已经摧毁:已经摧毁了观察者,子元素和事件监听

ps:在vue3中,销毁函数(Destory )改为卸载(unmounted)

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值