Arrays no Vue

A exibição do conteúdo de arrays no Vue é feita da mesma forma que no JavaScript puro. Vamos ver como isso é feito. Suponha que em data temos uma propriedade arr que contém um determinado array:

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

Vamos exibir os elementos deste array:

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

Задание 1

Suponha que em data esteja armazenado o seguinte array:

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

Exiba cada elemento deste array em um parágrafo separado.

Задание 2

Suponha que em data esteja armazenado o seguinte array:

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

Exiba na tela a soma dos elementos deste array.