<Suspense> एक built-in घटक है जो अपने घटक ट्री में async निर्भरताओं को समन्वय करता है — यह एक fallback (लोडिंग UI) दिखाता है जब तक सभी नेस्टेड async संचालन resolve न हो जाएं, फिर वास्तविक सामग्री प्रदर्शित करता है। यह मैनुअल isLoading boilerplate को हटाता है।
यह क्यों महत्वपूर्ण है
<template>
<Suspense>
<template #default>
<UserDashboard /> <!-- a component with async setup -->
</template>
<template #fallback>
<LoadingSpinner /> <!-- shown while #default is resolving -->
</template>
</Suspense>
</template>
