2. Vue 2的生命周期钩子函数有哪些?它们的执行顺序是怎样的?

Vue 2中的生命周期钩子函数按照创建和销毁的顺序,可以分为以下8个:https://www.nowcoder.com/issue/tutorial?zhuanlanId=Mg58Em&uuid=3b2e25e269df494f90670f3caf52de1c

beforeCreate:在实例创建之后,数据观测和事件配置之前被调用。在这个阶段,实例的方法和数据都还没有被初始化。

created:在实例创建完成后被调用。在这个阶段,实例已经完成了数据观测、属性和方法的运算,但是还没有开始DOM的渲染。

beforeMount:在挂载开始之前被调用。在这个阶段,模板编译已经完成,但是尚未将模板渲染到页面。

mounted:在实例挂载到页面后被调用。在这个阶段,实例已经完成了模板的渲染,并挂载到页面上,可以进行DOM操作。

beforeUpdate:在数据更新之前被调用,发生在虚拟DOM重新渲染和打补丁之前。在这个阶段,你可以对更新之前的数据进行操作。

updated:在数据更新后被调用,发生在虚拟DOM重新渲染和打补丁之后。在这个阶段,DOM已经更新完毕,可以进行操作,但要注意避免无限循环的更新。

beforeDestroy:在实例销毁之前被调用。在这个阶段,实例仍然完全可用,可以进行一些清理操作。

destroyed:在实例销毁之后被调用。在这个阶段,实例已经解除了所有的事件监听器和绑定的DOM元素,进行最后的清理工作。
全部评论

相关推荐

点赞 评论 收藏
分享
评论
1
1
分享

创作者周榜

更多
牛客网
牛客网在线编程
牛客网题解
牛客企业服务