JavaScript හි සංරචකයකට දත්ත ගෙනයාම
මාපිය සංරචකයෙන් දරු සංරචකයකට දත්ත ගෙන යා හැකිය. මේ සඳහා, සංරචකයේ ටැගයේ දත්ත සමඟ ගුණාංග ලිවිය යුතුය. උදාහරණයක් ලෙස, අපි පරිශීලකයාගේ නම සහ අනුනාමය ගෙන යමු:
<template>
<User name="john" surn="smit" />
</template>
මෙවැනි ගෙන යන ලද දත්ත
props ලෙස හැඳින්වේ.
සංරචකයට මෙම දත්ත ලැබෙන පරිදි,
ඒවායේ නම්
props සැකසුමේ ලැයිස්තුගත කළ යුතුය:
<script>
export default {
props: ['name', 'surn'],
data() {
return {
}
}
}
</script>
දැන් ගෙන යන ලද දත්ත දරු සංරචකයේ දර්ශනයේ ප්රදර්ශනය කළ හැකිය:
<template>
{{ name }}
{{ surn }}
</template>
Employee සංරචකයට
කම්කරුවෙකුගේ නම, අනුනාමය සහ වයස ගෙන යන්න.
Employee සංරචකය තුළ,
එහි සෑම prop එකක්ම
වෙනම ටැගයකින් ප්රදර්ශනය කරන්න.
