Component Suspense trong Vue là gì?

<Suspense> là một component tích hợp sẵn điều phối các dependency bất đồng bộ trong cây component của nó — nó hiển thị một fallback (UI loading) cho đến khi tất cả các thao tác bất đồng bộ lồng nhau hoàn tất, rồi hiển thị nội dung thật. Nó loại bỏ boilerplate isLoading thủ công.

Hai slot

<template>
  <Suspense>
    <template #default>
      <UserDashboard />   <!-- một component có async setup -->
    </template>
    <template #fallback>
      <LoadingSpinner />  <!-- hiển thị trong khi #default đang hoàn tất -->
    </template>
  </Suspense>
</template>