Objecten in Vue
Stel dat we nu een object in data hebben:
data() {
return {
obj: {a: 1, b: 2, c: 3},
}
}
Laten we de inhoud van dit object op het scherm weergeven:
<template>
{{ obj.a }}
{{ obj.b }}
{{ obj.c }}
</template>
Of we kunnen een alternatieve methode gebruiken:
<template>
{{ obj['a'] }}
{{ obj['b'] }}
{{ obj['c'] }}
</template>
Stel dat in data het volgende object is opgeslagen:
data() {
return {
obj: {x: 1, y: 2, z: 3},
}
}
Geef de som van de elementen van dit object weer op het scherm.
