Paano sujutawa components da props a Vue?

Question

Accepted Answer

**Components** suna da amsawa, abubuwa na UI masu zaman kansu. **Props** hanyar da wanda uba ya iska bayyana karya *ƙasa* ga ɗa — suni ne abubuwan shiryewa da karanta-kawai na ɗan. ## Bayyana props a cikin ɗa ```vue ``` ## Iska bayyana props daga wanda uba ```vue ``` Lura bambanta: `name="Ann"` iska bayyana jiki ma'a, yayin da `:age="30"` (tare da `v-bind`) iska tattara jaki — na bukata don lambobi, booli, abubuwa, ko masu canji. Hakanan lura cewa sunaye na props suna `camelCase` a JS amma `kebab-case` a cikin templates (`isAdmin` → `:is-admin`). ## Props suna na wata hanya da karanta-kawai ```js props.name = "Bob"; // ❌ Vue warns — never mutate a prop ``` Carya iska kwanta **ƙasa** (wanda uba → ɗan). A ɗan bai kamata yada kyafta props ba; idan yana buƙatar canji wani abu, yana amfani da gida gida ko **iska taba abubuwa** yana neman wanda uba yada kyafta tushe ("props ƙasa, abubuwa sama"). Wannan jiya na gida tana aiki karya ta hanya. ## TypeScript props ```vue ``` ## Yasan me yasa shi makwamta Components + props gine jiki na Vue gida — kuna yin UI daga abubuwan da amsawa kuma kuna shirya su ta hanyar props. Sanin cewa props **suna na wata hanya da karanta-kawai** (carya ƙasa, abubuwa sama) shine tashin jiki na tunani na tushe wanda ke tsare abubuwan Vue na hankali; samuwa props ko tsamanin jiya na gida mai karya bilu ta takwas shine tushen juri na kasua.