<Suspense> is een ingebouwde component die async afhankelijkheden in zijn componentboom coördineert — het toont een fallback (loading UI) totdat alle geneste async-bewerkingen zijn opgelost, en geeft vervolgens de echte inhoud weer. Het verwijdert handmatig isLoading boilerplate.
Waarom het belangrijk is
<template>
<Suspense>
<template #default>
<UserDashboard /> <!-- a component with async setup -->
</template>
<template #fallback>
<LoadingSpinner /> <!-- shown while #default is resolving -->
</template>
</Suspense>
</template>
