Cad is an comhpháirt Suspense i Vue?

Question

Accepted Answer

Is comhpháirt ionsuite é `` a chomhordaíonn **spréachuis acomóide** ina spré chomhpháirte — taispeáineann sé fallback (UI ualaigh) go dtí go réitítear gach oibríocht acomóide neadaithe, ansin taispeáineann sé an t-ábhar fíor. Baintear an boilerplate `isLoading` láimhe uaidh. ## Cén fáth a bhfuil sé tábhachtach ```vue ``` ## Oibríonn sé le async setup() / top-level await ```vue ``` Go hiondúil ní féidir le comhpháirt `await` a dhéanamh i setup gan staid ualaigh a bhainistiú. Ligeann `` do leanbh **top-level `await`** a úsáid (nó setup acomóide), agus baineann an Suspense tuismitheora an staid ualaigh dó — fanann cód an leanbh geal, ag `await` a shonraí amháin. ## Fanann sé ar GACH spréachuis acomóide neadaithe ```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). ``` ## Láimhseáil earráidí ```vue ``` Céangail Suspense le teorainn earráide (`onErrorCaptured`) chun setups acomóide theipthe a láimhseáil, ós rud é nach bhainistíonn Suspense féin ach an trasbhála ualaigh/ualaighthe. ## Nóta stádais ```text has been an EXPERIMENTAL feature — its API may change. It's also what Nuxt uses internally to coordinate async page data. ``` ## Cén fáh a bhfuil sé tábhachtach Comhordaíonn `` go soiléir stáideanna ualaigh acomóide — ag ligean do chomhpháirteanna a gcuid sonraí a bheith ar `await` go díreach agus go bhfuil sealbhóir singil amháin ag taispeáint fallback amháin go dtí go bheidh gach rud réidh. Baineann sé dronnchraicinn `isLoading` scaipthe agus spinners iolrach, agus tá sé fúitithe i bhfadhb sonraí a fhabhraíochán i bhframaíocha ar nós Nuxt. Tá sé úsáideach a bheith ar an eolas go bhfuil sé ann (agus go bhfuil sé fós turgnamhach, ar a bhfuil teorainn earráide go pairing) do UI acomóide geal, go háirithe i bhfeidhmchláir SSR/sonraí-dhomhain.