Các Đối Tượng trong Vue
Bây giờ giả sử trong data của chúng ta có một đối tượng:
data() {
return {
obj: {a: 1, b: 2, c: 3},
}
}
Hãy hiển thị nội dung của đối tượng này ra màn hình:
<template>
{{ obj.a }}
{{ obj.b }}
{{ obj.c }}
</template>
Hoặc có thể sử dụng cách thay thế:
<template>
{{ obj['a'] }}
{{ obj['b'] }}
{{ obj['c'] }}
</template>
Giả sử trong data lưu trữ đối tượng sau:
data() {
return {
obj: {x: 1, y: 2, z: 3},
}
}
Hãy hiển thị tổng các phần tử của đối tượng này ra màn hình.
