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},
}
}
このオブジェクトの要素の合計を画面に表示してください。