Vue에서의 객체

이제 data에 객체가 저장되어 있다고 가정해 봅시다:

javascriptdata() {
  return {
    obj: {a: 1, b: 2, c: 3},
  }
}

이 객체의 내용을 화면에 출력해 봅시다:

App.vue<template>
  {{ obj.a }}
  {{ obj.b }}
  {{ obj.c }}
</template>

또는 대체 방법을 사용할 수 있습니다:

App.vue<template>
  {{ obj['a'] }}
  {{ obj['b'] }}
  {{ obj['c'] }}
</template>

javascriptdata() {
  return {
    obj: {x: 1, y: 2, z: 3},
  }
}