Uhamishaji wa Data kwa Komponenți katika JavaScript
Kutoka kwa komponenți mzazi, inawezekana kuhamisha data kwa komponenți mtoto. Ili kufanya hivyo, kwenye kitambulisho cha komponenți andika sifa zilizo na data. Kwa mfano, tuhamishe jina la kwanza na jina la ukoo la mtumiaji:
<template>
<User name="john" surn="smit" />
</template>
Data kama hiyo iliyohamishwa inaitwa
props. Ili komponenți ipate data hii,
ni muhimu kutaja majina yake
kwenye usanidi wa props:
<script>
export default {
props: ['name', 'surn'],
data() {
return {
}
}
}
</script>
Sasa data iliyohamishwa inaweza kuonyeshwa kwenye muonekano wa komponenți mtoto:
<template>
{{ name }}
{{ surn }}
</template>
Hamisha kwenye komponenți Employee
jina, ukoo na umri wa mfanyikazi.
Ndani ya komponenți Employee
onyesha kila moja ya props zake
kwenye kitambulisho tofauti.