X'inhu l-komponent Suspense f'Vue?

Question

Accepted Answer

`` huwa komponent integrat li jikkordina **dipendzi asinkrona** fl-għerq tal-komponenti tiegħu — juri fallback (UI ta' tagħbija) sakemm il-ħidmiet asinkrona nested kollha huma risolti, imbagħad juri l-kontenut reali. Tat-tella milli l-boilerplate manwali `isLoading`. ## It-tnejn slots ```vue ``` ## Taħdem ma' async setup() / top-level await ```vue ``` Normalment komponent ma jistax `await` f'setup mingħajr immaniġġja l-istat tal-tagħbija. `` tippermetti lil iben tuża **top-level `await`** (jew async `setup`), u l-Suspense ġenitur jimmaniġġja l-istat tal-tagħbija għalih — il-kodiċi tal-iben jifdal nadif, biss `await`ing id-data tiegħu. ## Tistenna LKOLL il-dipendzi asinkrona nested ```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). ``` ## Immaniġġja l-iżbalji ```vue ``` Kunbina Suspense ma' error boundary (`onErrorCaptured`) biex immaniġġja setups asinkrona li fallew, peress li Suspense nnifsu biss jimmaniġġja t-tranżizzjoni tagħbija/magħbija. ## Nota dwar l-istat ```text has been an EXPERIMENTAL feature — its API may change. It's also what Nuxt uses internally to coordinate async page data. ``` ## Għaliex dan huwa importanti `` jikkordina dichjarattivament l-istati tal-tagħbija asinkrona — li jippermetti l-komponenti `await` id-data tagħhom direttament filwaqt li antenant wieħed juri fallback wieħed sakemm kollox ikun lest. It-tella mill-bandiera `isLoading` ifirxa u spinners multipli, u huwa l-fondazzjoni għat-trażz tad-data f'frameworks bħal Nuxt. Ikkun taf li teżisti (u li għadha sperimentali, aħjar ikkombinata ma' error boundary) huwa utli għal UI asinkrona nadifa, speċjalment f'apps SSR/data-heavy.