Масиви във 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],
  }
}

Изведете на екрана сумата от елементите на този масив.