Çfarë është komponenti Suspense në Vue?

Question

Accepted Answer

`` është një komponent i ndërtuar në të cilë koordinon **varësitë asinkrone** në pemën e tij të komponenteve — tregon një fallback (UI ngarkimi) derisa të zgjidhen të gjitha operacionet asinkrone të ndërthurura, pastaj shfaq përmbajtjen e vërtetë. Heq kodin standard manual `isLoading`. ## Dy slots ```vue ``` ## Funksionon me async setup() / top-level await ```vue ``` Normalisht një komponent nuk mund `await` në setup pa menaxhuar gjendjen e ngarkimit. `` lejon një fëmijë të përdorë **top-level `await`** (ose async `setup`), dhe Suspense prind menaxhon gjendjen e ngarkimit për të — kodi i fëmijës mbetet i pastër, thjesht `await` të dhënat e tij. ## Pret GJITHA varësitë asinkrone të ndërthurura ```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). ``` ## Trajtimi i gabimeve ```vue ``` Nyje Suspense me një kufi gabimi (`onErrorCaptured`) për të trajtuar setuper asinkrone të dështuara, pasi Suspense vetë menaxhon vetëm tranzicionin ngarkimi/i ngarkuar. ## Shënim statusi ```text has been an EXPERIMENTAL feature — its API may change. It's also what Nuxt uses internally to coordinate async page data. ``` ## Pse është e rëndësishme `` koordinon në mënyrë deklarative gjendjet e ngarkimit asinkron — duke lejuar komponentet të `await` të dhënat e tyre drejtpërdrejt ndërsa një paraardhës i vetëm tregon një fallback derisa gjithçka të jetë gati. Heq flamujt e shpërndarë `isLoading` dhe shumë spinner, dhe është baza e thirrjes në të dhëna në korniza si Nuxt. Dija se ekziston (dhe se është ende eksperimentale, më mirë e çiftuar me një kufij gabimi) është e dobishme për UI asinkrone të pastër, veçanërisht në aplikacione SSR/data-heavy.