<Suspense> on sisäänrakennettu komponentti, joka koordinoi asynkronisia riippuvuuksia sen komponenttipuussa — se näyttää takaisinvetäytymisen (latausui:n), kunnes kaikki sisäkkäiset asynkroniset operaatiot ratkaistaan, ja näyttää sitten todellisen sisällön. Se poistaa manuaalisen isLoading johdantokodin.
Kaksi väliä
<template>
<Suspense>
<template #default>
<UserDashboard /> <!-- a component with async setup -->
</template>
<template #fallback>
<LoadingSpinner /> <!-- shown while #default is resolving -->
</template>
</Suspense>
</template>
