简单记录一下vue生命周期及 父组件和子组件生命周期钩子执行顺序
Posted wangtong111
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了简单记录一下vue生命周期及 父组件和子组件生命周期钩子执行顺序相关的知识，希望对你有一定的参考价值。
首先，vue生命周期可以用下图来简单理解
当然这也是官方文档的图片，详细的vue周期详解请参考这里
然而当同时存在父子组件的时候生命周期钩子是如何执行的呢？
请看下文：
- 加载渲染过程
父beforeCreate->父created->父beforeMount->子beforeCreate->子created->子beforeMount->子mounted->父mounted - 子组件更新过程
父beforeUpdate->子beforeUpdate->子updated->父updated - 父组件更新过程
父beforeUpdate->父updated - 销毁过程
父beforeDestroy->子beforeDestroy->子destroyed->父destroyed
以上。
以上是关于简单记录一下vue生命周期及 父组件和子组件生命周期钩子执行顺序的主要内容，如果未能解决你的问题，请参考以下文章