Vue 'data' Option

Vue 'ডেটা' বিকল্প সম্পর্কে জানুন

Vue 'data' Option

🎯 Example

একটি বার্তা ধরে রাখতে ডেটা বিকল্পের ভিতরে একটি ডেটা বৈশিষ্ট্য ব্যবহার করে।

export default {
  data() {
    return {
      msg: 'Hello World!'
    };
  }
};

Definition and Usage

ডেটা বিকল্পটি এমন একটি ফাংশন যা ভিতরে সমস্ত ডেটা বৈশিষ্ট্য সহ একটি অবজেক্ট রিটার্ন করে।

ডেটা ফাংশন দ্বারা প্রত্যাবর্তিত বস্তুটি এটির মাধ্যমে অ্যাক্সেস করা যেতে পারে।$data, এবং একটি নির্দিষ্ট ডেটা অ্যাট্রিবিউট 'গণনা' এটির মাধ্যমে অ্যাক্সেস করা যেতে পারে।$data.count বা সহজভাবে this.count।

$ বা _ দিয়ে শুরু হওয়া নামের সাথে ডেটা বৈশিষ্ট্যগুলি অবশ্যই এই।$ ডেটা অবজেক্টের মাধ্যমে অ্যাক্সেস করতে হবে এবং অন্য কোনও উপায়ে অ্যাক্সেস করা যাবে না।

অ্যাপ্লিকেশানটি চলতে শুরু করার পরে, এটি ব্যবহার করে নতুন ডেটা বৈশিষ্ট্য যোগ করা সম্ভব।$data, কিন্তু এটি সুপারিশ করা হয় না।

Vue Exercises

Vue 'ডেটা' বিকল্প সম্পর্কে আপনার জ্ঞান পরীক্ষা করতে এই টিউটোরিয়ালটি চেষ্টা করুন।

Vue.js , data ?

একটি ফাংশন হিসাবে, একটি বস্তু প্রদান করে
✓ ঠিক আছে! ডেটা বিকল্পটি অবশ্যই একটি ফাংশন হতে হবে, যা একটি বস্তুকে প্রদান করে। এটি প্রতিটি উপাদান উদাহরণের জন্য ডেটার একটি নতুন অনুলিপি নিশ্চিত করে
সরাসরি একটি বস্তু হিসাবে
✗ ভুল! ডেটা বিকল্পটি সরাসরি একটি বস্তু হতে পারে না। এটি একটি ফাংশন হতে হবে, যা একটি বস্তু প্রদান করে
একটি অ্যারে মানগুলির একটি তালিকা ধারণ করে
✗ ভুল! ডেটা বিকল্পটি একটি অ্যারে নয়। এটি এমন একটি ফাংশন হওয়া উচিত যা ডেটা বৈশিষ্ট্য সহ একটি বস্তু ফেরত দেয়
একটি স্ট্রিং হিসাবে, একটি JSON স্ট্রিং রয়েছে
✗ ভুল! ডেটা বিকল্পটি একটি স্ট্রিং নয়। এটি একটি ফাংশন হতে হবে, যা একটি বস্তু প্রদান করে