<Suspense> は、コンポーネントツリー内の非同期の依存関係を調整する組み込みコンポーネントです。すべてのネストされた非同期操作が解決するまでフォールバック(ローディングUI)を表示し、その後実際のコンテンツを表示します。手動の isLoading ボイラープレートを削除します。
なぜ重要なのか
vue
<template>
<Suspense>
<template #default>
<UserDashboard /> <!-- a component with async setup -->
</template>
<template #fallback>
<LoadingSpinner /> <!-- shown while #default is resolving -->
</template>
</Suspense>
</template>
