Arrays i Vue
Å vise innholdet i arrays i Vue gjøres
på samme måte som i ren JavaScript.
La oss se hvordan det gjøres.
Anta at i data har vi en egenskap
arr som inneholder
et array:
data() {
return {
arr: [1, 2, 3],
}
}
La oss vise elementene i dette arrayet:
<template>
{{ arr[0] }}
{{ arr[1] }}
{{ arr[2] }}
</template>
Anta at i data lagres følgende array:
data() {
return {
arr: ['x', 'y', 'z'],
}
}
Vis hvert element i dette arrayet i en egen avsnitt.
Anta at i data lagres følgende array:
data() {
return {
arr: [1, 2, 3],
}
}
Vis summen av elementene i dette arrayet på skjermen.