Skip to content
文章目录

父子组件生命周期函数执行顺序

生命周期函数执行顺序

//加载渲染过程
父组件 beforeCreate
父组件 created
父组件 beforeMount
子组件 beforeCreate
子组件 created
子组件 beforeMount
子组件 mounted
父组件 mounted

//更新过程
父组件 beforeUpdate
子组件 beforeUpdate
子组件 updated
父组件 updated

//销毁过程
父组件 beforeDestroy
子组件 beforeDestroy
子组件 destroyed
父组件 destroyed

为什么关心这个?

偶然看到有人使用这种这些用法:

vue 先执行 父组件中 mounted 再执行子组件的 mounted 的处理【子组件调用父组件的接口回调数据的坑】

Vue 踩坑:async mounted 方法和父子组件 mounted 方法的执行顺序

相关文章

vue2-vue3 监听子组件的生命周期