🔹 Vue 3 父子组件生命周期执行顺序
Vue 3 生命周期名称部分不同(beforeDestroy→beforeUnmount,destroyed→unmounted),顺序也有微调。
创建和挂载阶段
-
父 setup(在 beforeCreate/created 前统一)
-
父 beforeCreate(逻辑在 setup 内已经替代)
-
父 created
-
父 beforeMount
-
子 setup
-
子 beforeCreate / created
-
子 beforeMount
-
子 mounted
-
父 mounted
(区别:Vue3 的 setup 在 beforeCreate/created 之前执行,父 setup 在子 setup 之前)
更新阶段
-
父组件更新时:
-
父 beforeUpdate
-
子 beforeUpdate
-
子 updated
-
父 updated
-
(和 Vue2 相同)
卸载阶段
-
父 beforeUnmount
-
子 beforeUnmount
-
子 unmounted
-
父 unmounted
📋 对比总结
个人笔记记录 2021 ~ 2025