Vue 的⽗组件和⼦组件⽣命周期钩⼦执⾏顺序是什么？

渲染过程：

⽗组件挂载完成⼀定是等⼦组件都挂载完成后，才算是⽗组件挂载完，所以⽗组件的 mounted 在⼦组

件 mouted 之后

⽗ beforeCreate -> ⽗ created -> ⽗ beforeMount -> ⼦ beforeCreate -> ⼦ created -> ⼦ beforeMount

-> ⼦ mounted -> ⽗ mounted

⼦组件更新过程：

1. 影响到⽗组件： ⽗ beforeUpdate -> ⼦ beforeUpdate-> ⼦ updated -> ⽗ updted

2. 不影响⽗组件： ⼦ beforeUpdate -> ⼦ updated

⽗组件更新过程：

1. 影响到⼦组件： ⽗ beforeUpdate -> ⼦ beforeUpdate-> ⼦ updated -> ⽗ updted

2. 不影响⼦组件： ⽗ beforeUpdate -> ⽗ updated

销毁过程：

⽗ beforeDestroy -> ⼦ beforeDestroy -> ⼦ destroyed -> ⽗ destroyed

看起来很多好像很难记忆，其实只要理解了，不管是哪种情况，都⼀定是⽗组件等待⼦组件完成后，才

会执⾏⾃⼰对应完成的钩⼦，就可以很容易记住