Tietojen välittäminen komponenttiin JavaScriptissä
Vanhempikomponentista voidaan välittää tietoja lapsikomponenttiin. Tätä varten komponenttitagissa tulee kirjoittaa attribuutit tiedoilla. Esimerkiksi välitetään käyttäjän etu- ja sukunimi:
<template>
<User name="john" surn="smit" />
</template>
Tällaisia välitettyjä tietoja kutsutaan
propeiksi. Jotta
komponentti saisi nämä tiedot,
on lueteltava niiden nimet
props-asetuksessa:
<script>
export default {
props: ['name', 'surn'],
data() {
return {
}
}
}
</script>
Nyt välitetyt tiedot voidaan näyttää lapsikomponentin esityksessä:
<template>
{{ name }}
{{ surn }}
</template>
Välitä komponenttiin Employee
työntekijän nimi, sukunimi ja ikä.
Employee-komponentin sisällä
näytä jokainen sen propeista
omassa tagissaan.
