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