Array in Vue

La visualizzazione del contenuto degli array in Vue viene effettuata allo stesso modo che in JavaScript puro. Diamo un'occhiata a come si fa. Supponiamo che in data abbiamo una proprietà arr che contiene al suo interno un certo array:

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

Visualizziamo gli elementi di questo array:

App.vue<template>
  {{ arr[0] }}
  {{ arr[1] }}
  {{ arr[2] }}
</template>
Задание 1

Supponiamo che in data sia memorizzato il seguente array:

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

Visualizza ogni elemento di questo array in un paragrafo separato.

Задание 2

Supponiamo che in data sia memorizzato il seguente array:

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

Visualizza sullo schermo la somma degli elementi di questo array.