Kif jaħdmu l-komponenti u l-props f'Vue?

Question

Accepted Answer

**Il-komponenti** huma pezzi ta' UI li jistgħu jiġu użati mill-ġdid u indipendenti. **Il-props** huma l-mod kif il-ġenitur jgħaddi d-data *'l isfel* lill-iben — huma l-inputs tipizzati u read-only tal-iben. ## Tdefnizzjoni ta' props fl-iben ```vue ``` ## Għadda ta' props mill-ġenitur ```vue ``` Iqqadd avviż tad-differenza: `name="Ann"` jgħaddi string letterali, filwaqt li `:age="30"` (ma' `v-bind`) jevalwa l-espressjoni — meħtieġ għan-numri, booleans, oġġetti, jew varjabbli. Avviż ukoll li l-isem tal-prop huwa `camelCase` f'JS iżda `kebab-case` fit-templates (`isAdmin` → `:is-admin`). ## Il-props huma one-way u read-only ```js props.name = "Bob"; // ❌ Vue warns — never mutate a prop ``` Id-data jixxerred **'l isfel** (ġenitur → iben). Iben m'għandux jimmodifika l-props tiegħu; jekk jeħtieġ jibdel xi ħaġa, jew juża kopja lokali jew **jemetti l-avveniment** jitlob lill-ġenitur li jbiddel is-sors ("props 'l isfel, avvenimenti 'l fuq"). Dan il-flusss one-way iżomm id-data prevedibbli. ## Props TypeScript ```vue ``` ## Għaliex hawn importanza Komponenti + props huma l-fondazzjoni ta' l-arkitettura ta' Vue — inti tikkomponi l-UIs minn komponenti li jistgħu jiġu użati mill-ġdid u tikkunfiguraw permezz ta' props. L-fehim li l-props huma **one-way u read-only** (data 'l isfel, avvenimenti 'l fuq) huwa l-mudellu mentali ġenitur li iżomm l-apps Vue prevedibbli; mutar props jew jistennew two-way prop flow huma sors klassiku ta' bugs.