Trasmissione dei dati al componente in JavaScript
Dal componente genitore è possibile trasmettere dati al componente figlio. Per fare ciò, nel tag del componente è necessario scrivere attributi con i dati. Ad esempio, trasmettiamo il nome e il cognome dell'utente:
<template>
<User name="john" surn="smit" />
</template>
Tali dati trasmessi sono chiamati
props. Affinché il
componente riceva questi dati,
è necessario elencare i loro nomi
nell'impostazione props:
<script>
export default {
props: ['name', 'surn'],
data() {
return {
}
}
}
</script>
Ora i dati trasmessi possono essere visualizzati nel template del componente figlio:
<template>
{{ name }}
{{ surn }}
</template>
Trasmetti al componente Employee
il nome, il cognome e l'età del dipendente.
All'interno del componente Employee
visualizza ciascuna delle sue props
in un tag separato.
