Conas a chumarsáidíonn comhpháirt leanaí ar ais le a tuismitheoir?

Question

Accepted Answer

Cumarsáidíonn leanaí *suas* le a dtuismitheoir trí **imeall a astú**. Éisteann an tuismitheoir leo le `@event-name`. Críochnaíonn sé seo sreabhadh sonraí aonbhealach Vue: **props síos, imeall suas**. ## Astaíonn ó an leanaí ```vue ``` ## Ag éisteacht sa thuismitheoir ```vue ``` Ní féidir leis an leanaí (agus níor chóir) sonraí an tuismitheora a mhionathrú go díreach. Ina áit sin *iarrann* sé ar an tuismitheoir gníomhú a dhéanamh trí imeall a astú le paiload; an tuismitheoir a bhíonn i seilbh na sonraí agus a dhéanann an athrú. ## Cén fáth sonraí a dhéanamh ar imeall le defineEmits ```js const emit = defineEmits(["delete"]); // documents the component's API // or with validation / TypeScript: const emit = defineEmits<{ delete: [id: number] }>(); ``` Déanamh sonraí ar imeall astaithe, doiciméadaíonn sé na "aschur" an chomhpháirt, cumasaíonn sé seiceáil cineáil na bpaiload, agus cosnítear an imeall ó bheith i ndrochdhóigh oibrithe mar éisteoir nádúrtha DOM. ## Patrúin cumarsáide eile ```text props + emits → parent ↔ direct child (the default, most common) provide/inject → pass data deep down without prop-drilling Pinia store → shared state across unrelated/distant components v-model → two-way binding (props + emit sugar) ``` ## Cén fáth a bhíonn sé tábhachtach Astaíonn imeall an bealach caighdeánach, intuigthe do leanaí a thionchar a bhaint as staid an tuismitheora — ag gealadh sreabhadh sonraí aonbhealach (a dhéanann feidhmchláranna níos éasca a thuiscint agus a dhíbhirginiú). Aithne ar `defineEmits` + `@listener`, agus nuair ba cheart dul ar aghaidh go `provide/inject` nó Pinia do chumarsáid neamh-tuismitheoir-leanaí, clúdaíonn sé an tsamhail chumarsáide chomhpháirt Vue.