Taulukot Vue:ssa

Taulukoiden sisällön näyttäminen Vue:ssa tapahtuu samalla tavalla kuin puhtaassa JavaScriptissä. Katsotaanpa, miten se tehdään. Oletetaan, että data:ssa meillä on ominaisuus arr, joka sisältää tietyn taulukon:

javascriptdata() {
  return {
    arr: [1, 2, 3],
  }
}

Esitetään tämän taulukon elementit:

App.vue<template>
  {{ arr[0] }}
  {{ arr[1] }}
  {{ arr[2] }}
</template>

Задание 1

Oletetaan, että data:ssa tallennetaan seuraava taulukko:

javascriptdata() {
  return {
    arr: ['x', 'y', 'z'],
  }
}

Näytä jokainen tämän taulukon elementti omassa kappaleessaan.

Задание 2

Oletetaan, että data:ssa tallennetaan seuraava taulukko:

javascriptdata() {
  return {
    arr: [1, 2, 3],
  }
}

Näytä ruudulle tämän taulukon elementtien summa.