Je nini sehemu ya Suspense katika Vue?

Question

Accepted Answer

`` ni sehemu iliyojengwa inayoandika **tegemezi la asinki** katika mti wa sehemu yake — inaonyesha fallback (UI ya upakiaji) hadi operesheni zote za asinki zilizofichwa zipate hitimisho, kisha inaonyesha maudhui halisi. Inaondoa msimbo wa `isLoading` wa mikakati. ## Slots mbili ```vue ``` ## Inafanya kazi na async setup() / top-level await ```vue ``` Normally sehemu haiwezi `await` katika setup bila kusimamia hali ya upakiaji. `` inaruhusu mtoto kutumia **top-level `await`** (au async `setup`), na Suspense wa mzazi inasimamia hali ya upakiaji kwake — msimbo wa mtoto unabaki safi, tu `await` data yake. ## Inasubiri WOTE tegemezi la asinki lililofichwa ```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). ``` ## Kushughulikia hitilafu ```vue ``` Unganisha Suspense na mpaka wa hitilafu (`onErrorCaptured`) ili kushughulikia upeto wa asinki ambao umefeli, kwani Suspense yenyewe inasimamia tu mpito wa upakiaji/upakiaji. ## Kumbuka hali ```text has been an EXPERIMENTAL feature — its API may change. It's also what Nuxt uses internally to coordinate async page data. ``` ## Kwa nini ni muhimu `` inakodisha hali ya upakiaji wa asinki — inaruhusu sehemu `await` data yake moja kwa moja habari nambari mzazi mmoja inaonyesha fallback hadi kila kitu kipo tayari. Inaondoa bendera za `isLoading` zilizotawanyika na spinner nyingi, na ni msingi wa kutaka data katika miundo kama Nuxt. Kujua kuwa ipo (na kuwa bado ni jaribio, jamboleo lenye mpaka wa hitilafu) ni muhimu kwa UI safi ya asinki, hasa katika programu za SSR/data-heavy.