Vue父子组件钩子函数的执行顺序?

渲染过程:

1、父组件 beforeCreate

2、父组件 created

3、父组件 beforeMount

4、子组件 beforeCreate

5、子组件 created

6、子组件 beforeMount

7、子组件 mounted

8、父组件 mounted

注意:如果有多个子组件如上反复执行

1、父组件created钩子结束后,依次执行子组件的created钩子;

2、多个子组件的created执行顺序为父组件内子组件DOM顺序;

3、多个子组件的mounted顺序无法保证,跟子组件本身复杂程度有关;

4、一定在所有子组件结束mounted钩子之后,才会进入父组件mounted钩子;

子组件更新过程(影响到父组件):

1、父组件 beforeUpdate

2、子组件 beforeUpdate

3、子组件 updated

4、父组件 updated

子组件更新过程(不影响父组件):

1、子组件 beforeUpdate

2、子组件 updated

销毁过程:

1、父组件 beforeDestroy

2、子组件 beforeDestroy

3、子组件 destroyed

4、父组件 destroyed

暴雨当头泻,只当屋檐水。