props in Vue.js
Le props (abbreviazione di “properties”) sono una caratteristica di Vue.js che consente la comunicazione unidirezionale dei dati tra componenti genitore e figlio. Difatti le props consentono dunque ai componenti figli di accedere ai dati passati loro dal componente genitore.
Come vengono passati i dati con le props da padre a figlio?
Le props sono passate come attributi HTML personalizzati ai componenti figlio e possono contenere qualsiasi tipo di dato JavaScript, come stringhe, numeri, oggetti o array. Una volta passate, le props diventano proprietà del componente figlio e possono essere utilizzate all’interno del suo template o delle sue funzioni JavaScript. Le props sono immutabili, il che significa che il componente figlio non può modificare direttamente i dati ricevuti attraverso le props. Questo consente una chiara separazione delle responsabilità tra i componenti genitore e figlio e facilita la creazione di componenti riutilizzabili e modulari.
In questa lezione ci concentremo sul passaggio dei dati da un componente padre ad un componente figlio attraverso la sintassi Option API. Nella prossima lezione vedremo come implementare le props con la sintassi Composition API.
Esempio di props in Vue.js – passare una variabile
Facciamo dunque un esempio pratico di come
Continua la lettura su: https://www.codingcreativo.it/props-in-vue-js/ Autore del post: Cristina Parma Fonte: