Dataöverföring till en komponent i JavaScript
Från en förälderkomponent kan man överföra data till en underordnad komponent. För att göra detta bör man i komponentens tagg skriva attribut med data. Låt oss till exempel överföra användarens förnamn och efternamn:
<template>
<User name="john" surn="smit" />
</template>
Sådan överförd data kallas
props. För att komponenten
skall ta emot denna data,
måste man lista dess namn
i inställningen props:
<script>
export default {
props: ['name', 'surn'],
data() {
return {
}
}
}
</script>
Nu kan den överförda datan visas i vyn för den underordnade komponenten:
<template>
{{ name }}
{{ surn }}
</template>
Överför till komponenten Employee
anställdens förnamn, efternamn och ålder.
Inuti komponenten Employee
skall du visa var och en av dess props
i en separat tagg.
