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


前言

关于生命周期,相信我们已经非常熟悉了,但是在书写项目时,如果生命周期出现在父子组件时,那么它的执行顺序又是怎么样的呢?
以下分为三部分,加载渲染阶段——更新阶段——销毁阶段,我们来一一介绍。


1、加载渲染阶段

在加载渲染阶段,一定得等子组件挂载完毕后,父组件才能挂载完毕,所以父组件的 mounted 在最后。
beforeCreate(父组件)created(父组件)beforeMount(父组件)beforeCreate(子组件)created(子组件)beforeMount(子组件)Mounted(子组件)Mounted(父组件)

2、更新阶段

当父子组件有数据传递时,才有这个更新阶段执行顺序的比较。
beforeUpdate(父组件)beforeUpdate(子组件)updated(子组件)updated(父组件)

3、销毁阶段

beforeDestroy(父组件)beforeDestroy(子组件)destroyed(子组件)destroyed(父组件)


总结

不过要注意一点的是:如果子组件异步组件的话它们的执行顺序会发生改变,会先执行完父组件的生命周期然后再执行子组件的生命周期。
以上就是今天要讲的内容。

  • 2
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值