Objekt i Vue
Låt oss nu ha ett objekt i data:
data() {
return {
obj: {a: 1, b: 2, c: 3},
}
}
Låt oss visa innehållet i detta objekt på skärmen:
<template>
{{ obj.a }}
{{ obj.b }}
{{ obj.c }}
</template>
Alternativt kan man använda ett alternativt sätt:
<template>
{{ obj['a'] }}
{{ obj['b'] }}
{{ obj['c'] }}
</template>
Låt följande objekt lagras i data:
data() {
return {
obj: {x: 1, y: 2, z: 3},
}
}
Visa summan av elementen i detta objekt på skärmen.
