Suspense

等待异步组件

干什么用的?

<Suspense> 等待深层嵌套的异步组件或带 async setup 的组件 resolve 后再渲染。

怎么用?

<Suspense>
  <template #default>
    <Dashboard />
  </template>
  <template #fallback>
    <LoadingSpinner />
  </template>
</Suspense>

特点

  • 只有一个 Loading:等待所有异步组件加载完成
  • 处理竞态:新旧内容切换

注意

目前是实验性功能,API 可能会变。

配合路由:RouterView → Suspense → Component