前言
关于生命周期,相信我们已经非常熟悉了,但是在书写项目时,如果生命周期出现在父子组件时,那么它的执行顺序又是怎么样的呢?
以下分为三部分,加载渲染阶段——更新阶段——销毁阶段,我们来一一介绍。
1、加载渲染阶段
在加载渲染阶段,一定得等子组件挂载完毕后,父组件才能挂载完毕,所以父组件的 mounted 在最后。
beforeCreate(父组件)
→ created(父组件)
→ beforeMount(父组件)
→ beforeCreate(子组件)
→ created(子组件)
→ beforeMount(子组件)
→ Mounted(子组件)
→ Mounted(父组件)
2、更新阶段
当父子组件有数据传递时,才有这个更新阶段执行顺序的比较。
beforeUpdate(父组件)
→ beforeUpdate(子组件)
→ updated(子组件)
→ updated(父组件)
3、销毁阶段
beforeDestroy(父组件)
→ beforeDestroy(子组件)
→ destroyed(子组件)
→ destroyed(父组件)
总结
不过要注意一点的是:如果子组件
是异步组件
的话它们的执行顺序会发生改变,会先执行完父组件
的生命周期然后再执行子组件
的生命周期。
以上就是今天要讲的内容。