Vue-এ data অবজেক্ট

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

export default {
	data() {
		return {
			
		}
	}
}

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

data() {
	return {
		text1: '111',
		text2: '222',
	}
}

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

<template>
	{{ text1 }}
	{{ text2 }}
</template>

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

<template>
	<p>{{ text1 }}</p>
	<p>{{ text2 }}</p>
</template>

ধরুন data-তে ব্যবহারকারীর নাম এবং উপাধি সংরক্ষণ করা আছে:

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

প্রতিটি প্রপার্টি আলাদা div ট্যাগে প্রদর্শন করুন।