Transmission de données à un composant en JavaScript
Depuis un composant parent, il est possible de transmettre des données à un composant enfant. Pour cela, il faut écrire des attributs avec les données dans la balise du composant. Transmettons, par exemple, le prénom et le nom de l'utilisateur :
<template>
<User name="john" surn="smit" />
</template>
Ces données transmises sont appelées
props (propriétés). Pour que
le composant reçoive ces données,
il faut énumérer leurs noms
dans l'option props :
<script>
export default {
props: ['name', 'surn'],
data() {
return {
}
}
}
</script>
Maintenant, les données transmises peuvent être affichées dans le template du composant enfant :
<template>
{{ name }}
{{ surn }}
</template>
Transmettez au composant Employee
le prénom, le nom et l'âge de l'employé.
À l'intérieur du composant Employee,
affichez chacune de ses props
dans une balise séparée.
