Arrays i Vue

Å vise innholdet i arrays i Vue gjøres på samme måte som i ren JavaScript. La oss se hvordan det gjøres. Anta at i data har vi en egenskap arr som inneholder et array:

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

La oss vise elementene i dette arrayet:

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

Задание 1

Anta at i data lagres følgende array:

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

Vis hvert element i dette arrayet i en egen avsnitt.

Задание 2

Anta at i data lagres følgende array:

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

Vis summen av elementene i dette arrayet på skjermen.