Vue ရှိ အရာဝတ္ထုများ

ယခု ကျွန်ုပ်တို့၏ data တွင် အရာဝတ္ထုတစ်ခု သိမ်းဆည်းထားသည်ဆိုပါစို့:

data() {
	return {
		obj: {a: 1, b: 2, c: 3},
	}
}

ထိုအရာဝတ္ထု၏ အကြောင်းအရာကို စခရင်ပေါ်သို့ ပြသကြပါစို့:

<template>
	{{ obj.a }}
	{{ obj.b }}
	{{ obj.c }}
</template>

သို့မဟုတ် နည်းလမ်းအခြားတစ်မျိုးကို အသုံးပြုနိုင်သည်:

<template>
	{{ obj['a'] }}
	{{ obj['b'] }}
	{{ obj['c'] }}
</template>

data တွင် အောက်ပါအရာဝတ္ထုကို သိမ်းဆည်းထားသည်ဆိုပါစို့:

data() {
	return {
		obj: {x: 1, y: 2, z: 3},
	}
}

ထိုအရာဝတ္ထု၏ အစိတ်အပိုင်းများ၏ ပေါင်းလဒ်ကို စခရင်ပေါ်တွင် ပြပါ။