Overførsel af data til en komponent i JavaScript
Fra en forældrekomponent kan man overføre data til en underkomponent. For at gøre dette skal man skrive attributter med data i komponentens tag. Lad os for eksempel overføre brugerens fornavn og efternavn:
<template>
<User name="john" surn="smit" />
</template>
Sådanne overførte data kaldes
props. For at komponenten
kan modtage disse data,
skal deres navne opregnes
i indstillingen props:
<script>
export default {
props: ['name', 'surn'],
data() {
return {
}
}
}
</script>
Nu kan de overførte data udskrives i underkomponentens præsentation:
<template>
{{ name }}
{{ surn }}
</template>
Overfør til komponenten Employee
medarbejderens fornavn, efternavn og alder.
I komponenten Employee
skal du udskrive hver af dens props
i en separat tag.
