setup 生命周期

33 阅读1分钟

一.加载顺序

image.png

二.更新顺序

image.png

三.摧毁顺序

  • 摧毁组件的顺序跟加载不太一样 如果嵌套了多个组件 子组件会先摧毁该组件下面的子组件(子组件下还有继续递归处理)清空最深一层的子组件就返回上一层级 清空一层级 (有内到外销毁)

  • 加载会先从外到内进行递归进行加载组件 然后遇到有嵌套组件先拦截到onBeforeMount这一层 先去加载子组件同样也是拦截到onBeforeMount 生命周期不在执行下去 没有同层级的组件了的话 就返回上一个层级 继续加载 从内到外加载 发现全部组件已经预加载了一遍 然后按照之前加载的组件的顺序 开始一个个加载完成

image.png