Što je Suspense komponenta u Vue-u?

Question

Accepted Answer

`` je ugrađena komponenta koja usklađuje **async ovisnosti** u svojoj stablu komponenti — prikazuje fallback (UI učitavanja) dok se sve ugniježđene async operacije ne razriješe, zatim prikazuje stvarni sadržaj. Eliminira ručni boilerplate `isLoading`. ## Zašto je to važno ```vue ``` ## Radi s async setup() / top-level await ```vue ``` Normalno komponenta ne može `await` u setup-u bez upravljanja stanjem učitavanja. `` omogućava djetetu da koristi **top-level `await`** (ili async `setup`), a roditeljski Suspense upravlja stanjem učitavanja za njega — kod djeteta ostaje čist, samo `await` svoje podatke. ## Čeka sve ugniježđene async ovisnosti ```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). ``` ## Rukovanje greškama ```vue ``` Spojite Suspense s error boundary-jem (`onErrorCaptured`) kako biste rukovale neuspjele async setup-ove, jer sam Suspense upravlja samo prijelazom učitavanja/učitano. ## Napomena o statusu ```text has been an EXPERIMENTAL feature — its API may change. It's also what Nuxt uses internally to coordinate async page data. ``` ## Zašto je to važno `` deklarativno usklađuje async stanja učitavanja — omogućava komponentama da `await` svoje podatke direktno dok jedan predak prikazuje jedan fallback dok sve nije spremno. Uklanja raspršene `isLoading` zastavice i više spinner-a, i podupire dohvaćanje podataka u okvirima kao što je Nuxt. Znati da postoji (i da je još uvijek eksperimentalna, najbolje uparena s error boundary-jem) korisno je za čist async UI, pogotovo u SSR/data-heavy aplikacijama.