面试问你:你知道父子组件在执行生命周期时的顺序吗?

Posted 咖啡壶子

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了面试问你:你知道父子组件在执行生命周期时的顺序吗?相关的知识,希望对你有一定的参考价值。

我知道,主要看到其实是前四个生命周期。
(父组件先于子组件created,而子组件先于父组件mounted)

在加载组件阶段

父beforeCreate -> 父created -> 父beforeMount -> 子beforeCreate -> 子created -> 子beforeMount -> 子mounted -> 父mounted

在更新阶段

父beforeUpdate->子beforeUpdate->子updated->父updated

在销毁阶段

父beforeDestroy->子beforeDestroy->子destroyed->父destroyed

以上是关于面试问你:你知道父子组件在执行生命周期时的顺序吗?的主要内容,如果未能解决你的问题,请参考以下文章

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

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

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

vue父子组件加载顺序

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

react 父子组件执行顺序