Duomenų perdavimas į komponentą JavaScript
Iš pagrindinio komponento galima perduoti duomenis į vaikinį komponentą. Tam komponento žymėje reikia parašyti atributus su duomenimis. Pavyzdžiui, perduokime vartotojo vardą ir pavardę:
<template>
<User name="john" surn="smit" />
</template>
Tokie perduoti duomenys vadinami
propsais. Kad komponentas
gautų šiuos duomenis,
reikia išvardinti jų pavadinimus
props nustatyme:
<script>
export default {
props: ['name', 'surn'],
data() {
return {
}
}
}
</script>
Dabar perduotus duomenis galima atvaizduoti vaikinio komponento vaizde:
<template>
{{ name }}
{{ surn }}
</template>
Perduokite į komponentą Employee
darbuotojo vardą, pavardę ir amžių.
Komponento Employee viduje
atvaizduokite kiekvieną jo propsą
atskiroje žymėje.