Prenošanje podatkov v komponento v JavaScript
Iz starševske komponente lahko prenesemo podatke v podrejeno komponento. Za to v oznaki komponente napišemo atribute s podatki. Prenesimo na primer uporabnikovo ime in priimek:
<template>
<User name="john" surn="smit" />
</template>
Takšni preneseni podatki se imenujejo
props. Da komponenta prejme te podatke,
jih je treba navesti po imenih
v nastavitvi props:
<script>
export default {
props: ['name', 'surn'],
data() {
return {
}
}
}
</script>
Zdaj lahko prenesene podatke prikažemo v predstavitvi podrejene komponente:
<template>
{{ name }}
{{ surn }}
</template>
Prenesite v komponento Employee
ime, priimek in starost zaposlenega.
Znotraj komponente Employee
prikažite vsak njen prop
v ločeni oznaki.