Vue में Suspense घटक क्या है?

<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>