Vue တွင် Array များ

Vue တွင် Array များ၏ အကြောင်းအရာကို ဖော်ပြခြင်းသည် JavaScript သက်သက်ကဲ့သို့ပင် လုပ်ဆောင်ပါသည်။ ထိုသို့ လုပ်ဆောင်ပုံကို ကြည့်ရအောင်။ data တွင် ကျွန်ုပ်တို့၌ အောက်ပါ property arr ရှိပါစို့၊ ၎င်းသည် အတွင်းတွင် Array တစ်ခုကို ပိုင်ဆိုင်ထားသည်။

data() {
	return {
		arr: [1, 2, 3],
	}
}

ယခု ဤ Array ၏ element များကို ဖော်ပြကြည့်ကြပါစို့။

<template>
	{{ arr[0] }}
	{{ arr[1] }}
	{{ arr[2] }}
</template>

data တွင် အောက်ပါ Array သိုလှောင်ထားသည်ဟု ဆိုကြပါစို့။

data() {
	return {
		arr: ['x', 'y', 'z'],
	}
}

ဤ Array ၏ element တစ်ခုစီကို သီးခြား စာပိုဒ် (paragraph) တစ်ခုစီတွင် ဖော်ပြပါ။

data တွင် အောက်ပါ Array သိုလှောင်ထားသည်ဟု ဆိုကြပါစို့။

data() {
	return {
		arr: [1, 2, 3],
	}
}

ဤ Array ၏ element များ၏ ပေါင်းလဒ်ကို စခရင်ပေါ်တွင် ဖော်ပြပါ။