Mikä on Suspense-komponentti Vue:ssa?

Question

Accepted Answer

`` 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ä ```vue ``` ## Se toimii async setup():lla / top-level await:lla ```vue ``` Normaalisti komponentti ei voi `await`:ata setup:issa ilman latauksentilan hallintaa. `` antaa lapsikomponentille mahdollisuuden käyttää **top-level `await`**:ia (tai async `setup`):ia, ja vanhempi Suspense hallitsee latauksentilaa sen puolesta — lapsen koodi pysyy puhtaana, vain `await`:aamassa sen dataa. ## Se odottaa KAIKKIA sisäkkäisiä asynkronisia riippuvuuksia ```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). ``` ## Virheiden käsittely ```vue ``` Yhdistä Suspense virherajaan (`onErrorCaptured`) epäonnistuneiden asynkronisten asetuksien käsittelemiseksi, koska Suspense itse hallitsee vain lataus/ladattu-siirtymää. ## Tilamuistio ```text has been an EXPERIMENTAL feature — its API may change. It's also what Nuxt uses internally to coordinate async page data. ``` ## Miksi se on tärkeää `` koordinoi lausekkeellisesti asynkronisia latauksentiloja — antaa komponenteille mahdollisuuden `await`:ata niiden data suoraan, kun yksi edeltäjä näyttää takaisinvetäytymisen, kunnes kaikki on valmis. Se poistaa hajallaan olevia `isLoading`-lippuja ja useita kiekkoja, ja tukee tietojen noutamista kehyksissä kuten Nuxt. Se, että se on olemassa (ja että se on edelleen kokeellinen, parhaiten virherajaan yhdistettynä), on hyödyllistä puhtaalle asynkroniselle käyttöliittymälle, erityisesti SSR/datapainoisissa sovelluksissa.