Datu nodošana komponentē JavaScript
No vecāka komponenta var nodāt datus uz bērna komponentu. Lai to izdarītu, komponenta tagā jāpievieno atribūti ar datiem. Piemēram, nodosim lietotāja vārdu un uzvārdu:
<template>
<User name="john" surn="smit" />
</template>
Šādi nodotie dati tiek saukti par
propietībēm (props). Lai
komponents šos datus saņemtu,
tos ir jāuzskaita
konfigurācijā props:
<script>
export default {
props: ['name', 'surn'],
data() {
return {
}
}
}
</script>
Tagad nodotos datus var attēlot bērna komponenta saskarnē:
<template>
{{ name }}
{{ surn }}
</template>
Nododiet komponentam Employee
darbinieka vārdu, uzvārdu un vecumu.
Komponenta Employee iekšienē
attēlojiet katru no tā propietībām
atsevišķā tagā.