জাভাস্ক্রিপ্টে কম্পোনেন্টে ডেটা প্রেরণ

প্যারেন্ট কম্পোনেন্ট থেকে চাইল্ড কম্পোনেন্টে ডেটা প্রেরণ করা যায়। এজন্য কম্পোনেন্ট ট্যাগে ডেটা সহ অ্যাট্রিবিউট লিখতে হবে। উদাহরণস্বরূপ, আসুন ব্যবহারকারীর নাম এবং উপনাম প্রেরণ করি:

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

এই ধরনে প্রেরিত ডেটাকে বলা হয় প্রপস। এই ডেটা কম্পোনেন্ট যাতে পায় সে জন্য এগুলোর নাম props সেটিংসে তালিকাভুক্ত করতে হবে:

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

এখন প্রেরিত ডেটা চাইল্ড কম্পোনেন্টের টেমপ্লেটে প্রদর্শন করা যাবে:

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