素材巴巴 > 程序开发 >

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

程序开发 2023-09-06 09:55:55

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

一个组件的生命周期:

结合父子组件之后

一个完整的父子组件生命周期:

父beforeCreate -> 父created -> 父beforeMount -> 子beforeCreate -> 子created -> 子beforeMount -> 子mounted -> 父mounted->父beforeUpdate->子beforeUpdate->子updated->父updated->父beforeDestroy->子beforeDestroy->子destroyed->父destroyed

父组件:


 

子组件:


 

结果显示:

在这里插入图片描述


标签:

素材巴巴 Copyright © 2013-2021 http://www.sucaibaba.com/. Some Rights Reserved. 备案号:备案中。