Adatátvitel komponensbe JavaScriptben
A szülő komponensből adatokat lehet átvinni a gyermek komponensbe. Ehhez a komponens tag-ben attribútumokat kell írni az adatokkal. Például vigyük át a felhasználó keresztnevét és vezetéknevét:
<template>
<User name="john" surn="smit" />
</template>
Az ilyen átvitt adatokat nevezzük
propoknak. Ahhoz, hogy a
komponens megkapja ezeket az adatokat,
felsorolni kell a nevüket
a props beállításban:
<script>
export default {
props: ['name', 'surn'],
data() {
return {
}
}
}
</script>
Most az átvitt adatokat meg lehet jeleníteni a gyermek komponens nézetében:
<template>
{{ name }}
{{ surn }}
</template>
Vigyünk át a Employee komponensbe
egy alkalmazott keresztnevét, vezetéknevét és korát.
A Employee komponensen belül
jelenítsük meg mindegyik propját
külön tag-ben.
