<Suspense> เป็น component ในตัวที่ประสานงาน async dependencies ในต้นไม้ component ของมัน — มันแสดง fallback (loading UI) จนกว่าการดำเนินการ async ที่ซ้อนกันทั้งหมดจะแก้ไขได้ จากนั้นแสดง content จริง มันลบรหัส boilerplate isLoading ด้วยตนเอง
สองช่อง
<template>
<Suspense>
<template #default>
<UserDashboard /> <!-- a component with async setup -->
</template>
<template #fallback>
<LoadingSpinner /> <!-- shown while #default is resolving -->
</template>
</Suspense>
</template>
