Suspense 不改变生命周期钩子定义，但推迟 #default 插槽组件的执行时机至异步准备就绪；#fallback 组件立即挂载并独立运行；错误或超时不中断父组件生命周期，仅暂停 default 渲染。
Vue 3 中，Suspense 不改变组件自身的生命周期钩子定义，但它会实质性地推迟 #default 插槽内组件的生命周期执行时机——关键在于“异步准备就绪”这个前提。
default 插槽组件：生命周期整体延后触发
包裹在 #default 中的异步组件（如 <UserProfile />），其整个初始化流程被 Suspense 暂停并协调：
-
setup()函数若含await（例如const user = await api.get()），会暂停执行，Suspense 保持显示 fallback - 只有所有 async setup 的 Promise 全部 resolve，组件实例才真正创建完成
- 此时才依次触发
onBeforeMount → onMounted，不是模板解析完就执行，而是“可安全渲染时”才执行 - 这意味着你观察到的
onMounted时间点，反映的是异步依赖就绪时刻，而非挂载标签的时刻
fallback 插槽组件：立即挂载、独立运行
#fallback 中的内容（如 <LoadingSpinner />）完全不受 Suspense 异步流程约束：
- 它会在 Suspense 渲染时立刻创建、挂载，
onMounted立即执行 - 常用于启动骨架动画、计时器或简单视觉反馈，不建议发起请求或执行副作用逻辑
- 一旦 default 内容准备就绪，fallback 组件会被卸载，其
onUnmounted随之触发
错误与超时：生命周期不中断，但 default 永不激活
Suspense 本身不抛错，也不终止父组件生命周期，它只是“卡住” default 渲染：
- 若 async setup 抛出未捕获错误，Suspense 持续显示 fallback，default 组件的任何生命周期钩子都不会执行
- 使用
defineAsyncComponent并配置errorComponent，出错时 fallback 会被替换，但原组件生命周期依然静默 - Vue 不提供内置超时机制；需手动用
Promise.race()或 AbortController 控制，否则可能无限等待
父子组件顺序守序，但整体同步延后
即使嵌套了 Suspense，Vue 仍保障生命周期顺序逻辑：
- 父组件（无异步）会正常走完
beforeMount → mounted - 其
#default中的子组件，生命周期严格遵循：beforeMount → mounted，但全部发生在 Suspense 切换之后 - 也就是说，父子顺序没乱，只是子组件这一整条链被“集体推迟”到异步完成那一刻
