Conas a fheidhmíonn comhpháirteanna agus props i Vue?

Question

Accepted Answer

**Components** ná bíoracha UI atá inúsáidte agus féin-gheal. **Props** an bealach ina raibh tuismitheoir ag soilsiú sonraí *síos* go páiste — siad ionchur clóscríobhtha agus inléite amháin an pháiste. ## Ag sainmhíniú props sa pháiste ```vue ``` ## Props a tharchur ó thuaidh an tuismitheoir ```vue ``` Táb an difríocht: `name="Ann"` téann teanga litriúil fúm, agus `:age="30"` (le `v-bind`) measúnn slonn — ag teastáil do uimhreacha, booleanacha, réada, nó athróga. Gabhann ar aird freisin go bhfuil ainmneacha props i `camelCase` i JS ach i `kebab-case` i templates (`isAdmin` → `:is-admin`). ## Tá props aon-treo agus inléite amháin ```js props.name = "Bob"; // ❌ Vue warns — never mutate a prop ``` Sruth sonraí **síos** (tuismitheoir → páiste). Ní chóir do pháiste a props a athrú; más gá dó rud a athrú, bíonn cóip áitiúil ann nó **scaoileann sé imeachta** ag iarraidh ar thuismitheoir an fhoinse a athrú ("props síos, imeachtaí suas"). Coimeádann an sreabhann aon-treo seo sonraí inchomhairimh. ## Props TypeScript ```vue ``` ## Cén fáth a bhfuil sé tábhachtach Comhpháirteanna + props iad bonn ailtireachta Vue — do bhailíonn tú UIs ó chomhpháirteanna inúsáidte agus cumraíonn tú iad trí props. Tuigbheáil go bhfuil props **aon-treo agus inléite amháin** (sonraí síos, imeachtaí suas) an tsamhail intinne bhunúsach a choimeádann aipeanna Vue intuigthe; mutathrú props nó a bheith ag súil le sreabhadh prop dhá-threo ná foinse clasaiceach a dhéanfar de bhuganna.