vue之生命周期created的优势

本文详细解析了Vue生命周期中的created和mounted两个关键阶段。created阶段主要用于初始化数据,在DOM渲染之前执行;mounted阶段则在DOM完全渲染后调用,适合进行DOM操作。了解这两个阶段的区别有助于优化Vue应用的性能。

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

参考:

(1)Vue生命周期中mounted和created的区别?

Vue生命周期中mounted和created的区别_vue mounted-优快云博客

我:

(1)created:在模板渲染成html前调用,即通常初始化某些属性值,然后再渲染成视图。

注意:对于会影响html布局的数据(比如表格列字段),我建议用created进行初始化,而不是用mounted,否则可能会造成页面卡顿

(2)mounted:在模板渲染成html后调用,通常是初始化页面完成后,再对html的dom节点进行一些需要的操作。

(3)activated:首先要确定一个点就是他也是属于vue生命周期中的一个,为什么我们平常说的生命周期没有它呢?我们平常说的生命周期就是created,update,mounted,destory和他们的之前之后的状态,当我们去查的activated的时候发现没有,但是会在官方的keep-alive中发现他的身影和介绍,知道你们不想找,点击它吧,说白了就是我们直接切换组件的时候,组件的钩子函数会对应的触发,比如进来的时候出现created,离开的时候出现destory这样的,那么当我们使用缓存的时候,也就是keep-alive的时候,我们正常的钩子函数就没办法执行了,这个时候activated和deactivated就会执行。

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值