vue组件生命周期钩子触发时机被推迟至suspense切换到#default插槽后：async setup暂停执行，fallback组件立即挂载，错误或超时会阻断default渲染但不影响父组件，父子时序守序但整体延后。
Vue 组件的生命周期钩子本身不会因 Suspense 而改变，但它们的**触发时机被明确推迟**——不是在模板解析完或组件声明时执行，而是在异步准备就绪、Suspense 切换到 #default 插槽后才依次运行。
default 插槽内组件的生命周期被整体延迟
包裹在 #default 中的组件（例如 <userprofile></userprofile>）会经历以下过程：
-
setup()函数若含await（如const data = await api.getUser()），整个 setup 会暂停，Suspense 持续显示 fallback - 只有所有异步依赖（动态导入、async setup 内 Promise）全部 resolve，组件实例才真正创建
- 此时才会依次触发
onBeforeMount→onMounted，你看到的 mounted 时间是“内容可渲染之后”，不是“标签写好之时”
fallback 插槽组件独立运行，不参与等待
#fallback 中的内容（比如 <loadingspinner></loadingspinner>）会立即挂载、立即执行生命周期：
-
onMounted在 Suspense 渲染初始帧时立刻触发，适合启动骨架动画或计时器 - 它不等 async setup 完成，也不会因异步失败而卸载——除非 Suspense 成功切换，它才被移除
- 避免在 fallback 里发起请求或执行副作用逻辑，只放轻量、纯展示型组件
错误与超时不中断父级流程，但阻断 default 渲染
Suspense 本身不抛错，也不终止父组件生命周期，但它会让 #default 内容“卡住”：
- 若 async setup 抛出未捕获错误，
#default永远不会挂载，对应组件的onMounted永远不执行 - 使用
defineAsyncComponent配置errorComponent，可替换 fallback，但原组件生命周期依然不触发 - Vue 不提供内置超时机制，需手动用
Promise.race()或 AbortController 控制，否则可能无限等待
父子组件顺序守序，但整体延后
一个带 Suspense 的父组件 + 其 #default 中的子组件，仍保持标准顺序：
- 父组件的
onBeforeMount→onMounted（若父组件自身无异步） - 然后才是子组件的
onBeforeMount→onMounted（但这个“然后”发生在异步完成后） - 也就是说，父子时序没乱，只是整条链被 Suspense 的完成状态往后推了一段
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
