Vue-এ data অবজেক্ট

কম্পোনেন্টের ভিত্তি হল ডেটা, যা নিয়ে আমরা কাজ করব। এই ডেটা একটি বিশেষ অবজেক্ট data-এ সংরক্ষণ করা থাকে। এই অবজেক্ট একটি বিশেষ মেথডের ফলাফল হিসাবে রিটার্ন করতে হবে:

App.vueexport default {
  data() {
    return {
      
    }
  }
}

আসুন অবজেক্টের একটি প্রপার্টিতে কিছু টেক্সট সংরক্ষণ করি:

App.vuedata() {
  return {
    text1: '111',
    text2: '222',
  }
}

সংরক্ষিত ডেটা টেমপ্লেটে প্রদর্শন করা যায়। এটি ডবল কার্লি ব্র্যাকেটের মধ্যে করে করা হয়, যার মধ্যে আমরা যে প্রপার্টির মান দেখাতে চাই তার নাম লিখি। আসুন আমাদের প্রপার্টিগুলোর মান দেখাই:

App.vue<template>
  {{ text1 }}
  {{ text2 }}
</template>

এবং এখন এমন করা যাক যাতে প্রতিটি বার্তা তার নিজস্ব প্যারাগ্রাফে প্রদর্শিত হয়:

App.vue<template>
  <p>{{ text1 }}</p>
  <p>{{ text2 }}</p>
</template>

javascriptdata() {
  return {
    name: 'john',
    surn: 'smit',
  }
}