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:
data() {
return {
arr: [1, 2, 3],
}
}
Mostremos los elementos de este arreglo:
<template>
{{ arr[0] }}
{{ arr[1] }}
{{ arr[2] }}
</template>
Supongamos que en data se almacena el siguiente arreglo:
data() {
return {
arr: ['x', 'y', 'z'],
}
}
Muestra cada elemento de este arreglo en un párrafo separado.
Supongamos que en data se almacena el siguiente arreglo:
data() {
return {
arr: [1, 2, 3],
}
}
Muestra en la pantalla la suma de los elementos de este arreglo.
