Массивы в Vue

Вывод содержимого массивов во Vue осуществляется так же, как и в чистом JavaScript. Давайте посмотрим, как это делается. Пусть в data у нас есть свойство arr, которое содержит внутри себя некоторый массив:

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

Давайте выведем элементы этого массива:

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

Задание 1

Пусть в data хранится следующий массив:

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

Выведите каждый элемент этого массива в отдельном абзаце.

Задание 2

Пусть в data хранится следующий массив:

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

Выведите на экран сумму элементов этого массива.