Arrays in Vue

Het weergeven van de inhoud van arrays in Vue wordt op dezelfde manier gedaan als in pure JavaScript. Laten we eens kijken hoe dat werkt. Stel dat we in data een eigenschap arr hebben, die binnen zichzelf een bepaalde array bevat:

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

Laten we de elementen van deze array weergeven:

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

Задание 1

Stel dat in data de volgende array is opgeslagen:

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

Geef elk element van deze array weer in een aparte alinea.

Задание 2

Stel dat in data de volgende array is opgeslagen:

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

Geef de som van de elementen van deze array weer op het scherm.