Vue 的父组件和子组件生命周期钩子执行顺序是什么？

最新推荐文章于 2024-03-24 22:42:29 发布

小福同学的碎片知识

最新推荐文章于 2024-03-24 22:42:29 发布

阅读量137

点赞数

文章标签： vue.js 前端 javascript

本文链接：https://blog.csdn.net/Qrookie/article/details/129670844

版权

文章详细阐述了Vue框架中组件的生命周期，从首次加载的创建、挂载过程，到父组件和子组件的更新及销毁阶段，每个阶段的关键事件钩子函数的执行顺序都被清晰地列出。

摘要由CSDN通过智能技术生成

1.首次加载过程:父beforeCreate -> 父created -> 父beforeMount -> 子beforeCreate -> 子created -> 子beforeMount ->子mounted -> (子activated) -> 父mounted
2.父组件更新过程:父beforeUpdate -> (子deactivated) -> 父updated
3.子组件更新过程:父beforeUpdate -> 子beforeUpdate -> 子updated -> 父updated
4.销毁过程:父beforeDestroy-> 子beforeDestroy -> 子destroyed -> 父destroyed