Vue ရှိ data object

ကွန်ပွန်နင့်၏ အခြေခံမှာ ကျွန်ုပ်တို့ လွှဲပြောင်းအသုံးပြုမည့် ဒေတာများ ဖြစ်သည်။ ထိုဒေတာများကို အထူး object data ထဲတွင် သိမ်းဆည်းထားသည်။ ဤ object သည် အထူး method ၏ ရလဒ်အဖြစ် ပြန်ပေးရမည်။

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

object data ၏ property တွင် စာသားတစ်ခုခု သိမ်းဆည်းကြည့်ကြပါစို့။

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

သိမ်းဆည်းထားသော ဒေတာများကို view တွင် ပြသနိုင်သည်။ ၎င်းကို ကောက်ကွင်းများ နှစ်ထပ်ဖြင့် လုပ်ဆောင်သည်၊ ထိုနေရာတွင် ကျွန်ုပ်တို့ ပြချင်သော တန်ဖိုး၏ property အမည်ကို ရေးထည့်သည်။ ကျွန်ုပ်တို့၏ properties များ၏ တန်ဖိုးများကို ပြကြည့်ကြပါစို့။

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

ယခု ကျွန်ုပ်တို့၏ မက်ဆေ့ခ်ျ တစ်ခုစီသည် ၎င်း၏ကိုယ်ပိုင် အပိုဒ်တစ်ခုစီတွင် ပြသစေရန် လုပ်ဆောင်ကြပါစို့။

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

data တွင် သုံးစွဲသူ၏ အမည် နှင့် နောက်ဆက်တွဲ အမည်ကို သိမ်းဆည်းပါစို့။

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

Property တစ်ခုစီကို div tag တစ်ခုစီတွင် ပြပါ။