JavaScript හි සංරචකයකට දත්ත ගෙනයාම

මාපිය සංරචකයෙන් දරු සංරචකයකට දත්ත ගෙන යා හැකිය. මේ සඳහා, සංරචකයේ ටැගයේ දත්ත සමඟ ගුණාංග ලිවිය යුතුය. උදාහරණයක් ලෙස, අපි පරිශීලකයාගේ නම සහ අනුනාමය ගෙන යමු:

App.vue<template>
  <User name="john" surn="smit" />
</template>

මෙවැනි ගෙන යන ලද දත්ත props ලෙස හැඳින්වේ. සංරචකයට මෙම දත්ත ලැබෙන පරිදි, ඒවායේ නම් props සැකසුමේ ලැයිස්තුගත කළ යුතුය:

components/User.vue<script>
  export default {
    props: ['name', 'surn'],
    data() {
      return {
        
      }
    }
  }
</script>

දැන් ගෙන යන ලද දත්ත දරු සංරචකයේ දර්ශනයේ ප්‍රදර්ශනය කළ හැකිය:

components/User.vue<template>
  {{ name }}
  {{ surn }}
</template>