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

1.加载渲染过程

该过程主要涉及 beforeCreate、created、beforeMount、mounted 4 个钩子函数。

【父】beforeCreate ——》【父】created ——》【父】beforeMount ——》【子】beforeCreate ——》【子】created ——》【子】beforeMount ——》 【子】mounted ——》【父】mounted 

2.更新过程

该过程主要涉及 beforeUpdate、updated 2 个钩子函数。注意，当父子组件有数据传递时，才有这个更新阶段执行顺序的比较。

【父】beforeUpdate ——》【子】beforeUpdate ——》【子】updated ——》【父】updated

3.销毁过程

该过程主要涉及 beforeDestroy、destroyed 2 个钩子函数

【父】beforeDestroy ——》【子】beforeDestroy ——》【子】destroyed ——》【父】destoryed