vue中父子组件声明周期顺序

挂载阶段

该过程主要涉及 beforeCreate、created、beforeMount、mounted 4 个钩子函数。执行顺序为：
父beforeCreate -> 父created -> 父beforeMount -> 子beforeCreate -> 子created -> 子beforeMount -> 子mounted -> 父mounted

父beforeMount要先完成虚拟dom的编译工作，父没完成，怎么可能会有子呢，所以 父beforeMount -> 子beforeCreate
一定得等子组件挂载完毕后，父组件才能挂在完毕，所以父组件的 mounted 在最后。

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

父组件更新过程

父beforeUpdate ->父updated

销毁阶段
该过程主要涉及beforeDestroy、destroyed 2 个钩子函数。执行顺序为：
父beforeDestroy -> 子beforeDestroy -> 子destroyed -> 父destroyed

总结
Vue 父子组件生命周期钩子的执行顺序遵循：从父到子，再从子到父。
————————————————
版权声明：本文为CSDN博主「陌上花开然不归矣」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/yalywq/article/details/123815306