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

执行顺序如下：

父组件 created
子组件 created
子组件 mounted
父组件 mounted

如果有多个子组件：

1. 父组件created钩子结束后，依次执行子组件的created钩子
2. 多个子组件的created执行顺序为父组件内子组件DOM顺序
3. 多个子组件的mounted顺序无法保证，跟子组件本身复杂程度有关
4. 父组件一定在所有子组件结束mounted钩子之后，才会进入mounted钩子

渲染过程：父组件挂载完成一定是等子组件都挂载完成后，才算是父组件挂载完，所以父组件的mounted在子组件mouted之后。父beforeCreate -> 父created -> 父beforeMount -> 子beforeCreate -> 子created -> 子beforeMount -> 子mounted -> 父mounted

子组件更新过程：

影响到父组件： 父beforeUpdate -> 子beforeUpdate->子updated -> 父updated

不影响父组件： 子beforeUpdate -> 子updated

父组件更新过程：

影响到子组件： 父beforeUpdate -> 子beforeUpdate->子updated -> 父updated

不影响子组件： 父beforeUpdate -> 父updated

销毁过程：父beforeDestroy -> 子beforeDestroy -> 子destroyed -> 父destroyed