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