vue中子模块和父模块在一定情况下的生命周期顺序

169 阅读1分钟

页面第一次加载

image.png

如图所示,父组件陷阱性实例的初始化和加载,在父组件的虚拟dom树开始加载后就进入子组件的生命周期,当子组件在加载阶段的生命周期走完了,才会结束父组件的虚拟dom树的加载.

主组件数据更新导致子模块页面发生变化

image.png 先进入主组件的更新流程,再转入子组件的更新流程,子组件更新完成后,主组件走完剩余的更新流程

销毁子组件

image.png 先进入主组件的更新流程,再转入子组件的销毁流程,子组件销毁完毕后,主组件走完剩余的更新流程

销毁父组件

image.png 先进入父组件的销毁流程,在转入子组件的销毁流程,子组件销毁完毕后,主组件走完剩余的更新流程.

由此可见,对于所有同时涉及到父子模块的事件,都是从父模块开始,子模块运行,到父模块结束的