Prenos dát do komponentu v JavaScripte
Z nadradeného komponentu je možné prenášať dáta do podradeného komponentu. Na tento účel by sa mali v značke komponentu napísať atribúty s údajmi. Prenesme napríklad meno a priezvisko používateľa:
<template>
<User name="john" surn="smit" />
</template>
Takéto prenášané údaje sa nazývajú
props. Aby komponent
tieto údaje prijal,
je potrebné v nastavení props
uviesť ich názvy:
<script>
export default {
props: ['name', 'surn'],
data() {
return {
}
}
}
</script>
Teraz je možné prenášané údaje zobraziť v šablóne podradeného komponentu:
<template>
{{ name }}
{{ surn }}
</template>
Preneste do komponentu Employee
meno, priezvisko a vek zamestnanca.
Vnútri komponentu Employee
zobrazte každý z jeho propsove
v samostatnej značke.