Suspense
等待异步组件
干什么用的?
<Suspense> 等待深层嵌套的异步组件或带 async setup 的组件 resolve 后再渲染。
怎么用?
<Suspense>
<template #default>
<Dashboard />
</template>
<template #fallback>
<LoadingSpinner />
</template>
</Suspense>
特点
- 只有一个 Loading:等待所有异步组件加载完成
- 处理竞态:新旧内容切换
注意
目前是实验性功能,API 可能会变。
配合路由:RouterView → Suspense → Component