Data-oordrag na 'n komponent in JavaScript
Van die ouerkomponent af kan data na die kinderkomponent oorgedra word. Om dit te doen, moet attribute met data in die komponent se tag geskryf word. Laat ons byvoorbeeld die gebruiker se naam en van oordra:
<template>
<User name="john" surn="smit" />
</template>
Sodanige oorgedra data word
props genoem. Vir die
komponent om hierdie data te ontvang,
moet hul name gelys word
in die props-instelling:
<script>
export default {
props: ['name', 'surn'],
data() {
return {
}
}
}
</script>
Nou kan die oorgedra data in die kinderkomponent se voorstelling vertoon word:
<template>
{{ name }}
{{ surn }}
</template>
Dra na die Employee-komponent
die werknemer se naam, van en ouderdom oor.
Binne die Employee-komponent
vertoon elkeen van sy props
in 'n aparte tag.
