อ็อบเจกต์ใน 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},
}
}
แสดงผลรวมขององค์ประกอบของอ็อบเจกต์นี้บนหน้าจอ
