Arreglos en Vue

Mostrar el contenido de los arreglos en Vue se realiza de la misma manera que en JavaScript puro. Veamos cómo se hace. Supongamos que en data tenemos una propiedad arr que contiene un arreglo:

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

Mostremos los elementos de este arreglo:

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

Задание 1

Supongamos que en data se almacena el siguiente arreglo:

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

Muestra cada elemento de este arreglo en un párrafo separado.

Задание 2

Supongamos que en data se almacena el siguiente arreglo:

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

Muestra en la pantalla la suma de los elementos de este arreglo.