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

在单个组件里生命周期的顺序是:

beforeCreate => created => beforeMounte => mounted => breforeDestroy => destroyed

如图

vue的核心概念是:数据驱动视图,组件化开发

在用做项目时只用一个组件肯定是不够的,这时要使父组件和子组件嵌套,

当父子组件嵌套时生命周期的顺序是什么样的呢?

加载渲染过程时

父beforeCreate => 父created => 父beforeMount => 子beforeCreate => 子created

=> 子beforeMount => 子mounted => 父mounted
 

更新过程

父beforeUpdate => 子beforeUpdate => 子updated => 父updated

销毁过程

父beforeDestroy => 子beforeDestroy => 子destroyed => 父destroyed

  • 5
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值