Vue-এ গণনাকৃত বৈশিষ্ট্য

আপনি এমন বৈশিষ্ট্য নির্ধারণ করতে পারেন যা অন্যান্য বৈশিষ্ট্যের ভিত্তিতে প্রতিক্রিয়াশীলভাবে গণনা করা হবে। এই ধরনের বৈশিষ্ট্যগুলি গণনাকৃত নামে পরিচিত। এগুলি সেটিংসে অবস্থিত computed।

এর একটি উদাহরণ দেখা যাক। ধরুন বৈশিষ্ট্যগুলিতে ব্যবহারকারীর নাম এবং উপনাম সংরক্ষণ করা আছে:

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

আসুন একটি full বৈশিষ্ট্য তৈরি করি যেটি পুরো নাম সাথে উপনাম ধারণ করবে:

javascriptcomputed: {
  full: function() {
    return this.name + ' ' + this.surn;
  }
}

আসুন আমাদের বৈশিষ্ট্যগুলির বিষয়বস্তু ভিউতে প্রদর্শন করি:

App.vue<template>
  <p>{{ name }}</p>
  <p>{{ surn }}</p>
  <p>{{ full }}</p>
</template>

গণনাকৃত বৈশিষ্ট্যগুলি প্রতিক্রিয়াশীলভাবে পরিবর্তিত হয়। এর মানে হল যদি আমরা নাম বা উপনাম পরিবর্তন করি, তাহলে আমাদের full বৈশিষ্ট্যও স্বয়ংক্রিয়ভাবে প্রতিক্রিয়াশীলভাবে পরিবর্তিত হবে এবং আমরা অবিলম্বে পরিবর্তনগুলি স্ক্রিনে দেখতে পাব।