Objecten in Vue

Stel dat we nu een object in data hebben:

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

Laten we de inhoud van dit object op het scherm weergeven:

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

Of we kunnen een alternatieve methode gebruiken:

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

Задание 1

Stel dat in data het volgende object is opgeslagen:

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

Geef de som van de elementen van dit object weer op het scherm.