Vue面试之生命周期(上篇)

本文详细介绍了Vue2组件的生命周期,包括创建、挂载、更新和销毁四个阶段,以及特殊阶段activated和deactivated。在创建阶段,beforeCreate和created分别在数据观测和事件配置前和后执行。挂载阶段的beforeMount和mounted涉及虚拟DOM到真实DOM的转换。更新阶段的beforeUpdate和updated用于数据更新后的视图响应。销毁阶段的beforeDestroy和destroyed则用于资源清理。此外,activated和deactivated是keep-alive组件的生命周期钩子,分别在组件激活和停用时触发。
摘要由CSDN通过智能技术生成


最近在整理一些前端面试中经常被问到的问题,分为vue相关、react相关、js相关、react相关等等专题,可持续关注后续内容,会不断进行整理~

Vue 组件的生命周期包括创建、挂载、更新和销毁四个阶段,每个阶段都有相应的生命周期钩子函数。以下是Vue2中组件生命周期的详细解释:

创建阶段

beforeCreate

    该生命周期发生在实例初始化之后、数据观测(data observer)和event/watcher事件配置之前被调用;也就是说在这个阶段,可以访问到Vue实例,但是拿不到data中的数据以及事件

created

    在这个阶段,Vue实例完成了数据观测和事件的设置,因此可以访问到data数据以及事件等;但是由于组件还未挂载到Dom中,因此拿不到Dom元素(不能进行Dom操作);

挂载阶段

beforeMount

    在这个阶段,Vue实例已经完成了模板的编译(已经被编译为虚拟Dom),但是尚未将虚拟Dom挂载到实际的Dom元素上;
由于此阶段在组件挂载之前调用,因此可以在此处进行一些只需要执行一次的初始化工作;<

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

迷糊的小小淘

整理不易,赏点动力~

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值