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},
}
}
이 객체 요소들의 합을 화면에 출력하세요.
