Kaj je komponenta Suspense v Vue?

Question

Accepted Answer

`` je vgrajena komponenta, ki usklajuje **asinkrone odvisnosti** v svojem drvesu komponent — prikazuje nadomestno stvar (UI nalaganja) dokler se vse ugnezdene asinkrone operacije ne razrešijo, nato prikaže pravo vsebino. Odstrani ročni `isLoading` standard kode. ## Dva slota ```vue ``` ## Deluje z async setup() / top-level await ```vue ``` Normalno komponenta ne more `await` v setup brez upravljanja stanja nalaganja. `` omogoči otroku, da uporabi **top-level `await`** (ali async `setup`), in Suspense v starši upravlja stanje nalaganja zanj — koda otroka ostane čista, samo `await` svojih podatkov. ## Čaka na VSE ugnezdene asinkrone odvisnosti ```text waits for every async setup in its subtree to resolve, then swaps the fallback for the real content in one go (avoids a cascade of separate spinners). ``` ## Obravnava napak ```vue ``` Suspense poveži z mejno komponento za napake (`onErrorCaptured`), da obravnavaš neuspešne asinkrone nastave, ker Suspense samo upravlja prehod nalaganja/naloženo. ## Opomba o statusu ```text has been an EXPERIMENTAL feature — its API may change. It's also what Nuxt uses internally to coordinate async page data. ``` ## Zakaj je to pomembno `` deklarativno usklajuje asinkrona stanja nalaganja — omogoči komponentam, da `await` svoje podatke neposredno, medtem ko en prednik prikaže eno nadomestno stvar dokler vse ne bo pripravljeno. Odstrani razpršene `isLoading` zastavice in več vrtilnikov ter je temelj pridobivanja podatkov v ogrodjih, kot je Nuxt. Znanje, da obstaja (in da je še vedno poskusno, najbolje kombinirano s prvo komponento za napake) je koristno za čisto asinkrono UI, posebej v aplikacijah SSR/data-heavy.