Overføring av data til en komponent i JavaScript
Fra en foreldrekomponent kan du overføre data til en underkomponent. For å gjøre dette skal du skrive attributter med data i komponentens tag. La oss for eksempel overføre brukerens fornavn og etternavn:
<template>
<User name="john" surn="smit" />
</template>
Slike overførte data kalles
props. For at
komponenten skal motta disse dataene,
må du liste opp deres navn
i innstillingen props:
<script>
export default {
props: ['name', 'surn'],
data() {
return {
}
}
}
</script>
Nå kan de overførte dataene vises i underkomponentens presentasjon:
<template>
{{ name }}
{{ surn }}
</template>
Overfør til komponenten Employee
arbeiderens fornavn, etternavn og alder.
Inne i komponenten Employee
skal du vise hver av dens props
i en egen tag.
