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:
data() {
return {
arr: [1, 2, 3],
}
}
Vamos exibir os elementos deste array:
<template>
{{ arr[0] }}
{{ arr[1] }}
{{ arr[2] }}
</template>
Suponha que em data esteja armazenado o seguinte array:
data() {
return {
arr: ['x', 'y', 'z'],
}
}
Exiba cada elemento deste array em um parágrafo separado.
Suponha que em data esteja armazenado o seguinte array:
data() {
return {
arr: [1, 2, 3],
}
}
Exiba na tela a soma dos elementos deste array.
