简单记录一下vue生命周期及 父组件和子组件生命周期钩子执行顺序

标签：技术   tar   更新   ref   before   理解   lan   upd   for   

首先，vue生命周期可以用下图来简单理解

当然这也是官方文档的图片，详细的vue周期详解请参考这里

然而当同时存在父子组件的时候生命周期钩子是如何执行的呢？

请看下文：

1. 加载渲染过程
   父beforeCreate->父created->父beforeMount->子beforeCreate->子created->子beforeMount->子mounted->父mounted
2. 子组件更新过程
   父beforeUpdate->子beforeUpdate->子updated->父updated
3. 父组件更新过程
   父beforeUpdate->父updated
4. 销毁过程
   父beforeDestroy->子beforeDestroy->子destroyed->父destroyed

以上。

简单记录一下vue生命周期及 父组件和子组件生命周期钩子执行顺序

标签：技术   tar   更新   ref   before   理解   lan   upd   for   

原文地址：https://www.cnblogs.com/wangtong111/p/11204525.html