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

在上一篇中，写了Vue的各个生命周期钩子的执行顺序和详细情况。

那如果遇到嵌套的父子组件，他们的各生命周期是按照什么顺序执行的呢？

单一的组件生命周期钩子执行顺序是beforeCreate-> created -> mounted->… ->destroyed

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

加载渲染过程中

父组件先创建，然后子组件创建 子组件先挂载，然后父组件挂载

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

更新过程

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

销毁过程

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