Arrays in Vue
Het weergeven van de inhoud van arrays in Vue wordt
op dezelfde manier gedaan als in pure JavaScript.
Laten we eens kijken hoe dat werkt.
Stel dat we in data een eigenschap
arr hebben, die binnen zichzelf
een bepaalde array bevat:
data() {
return {
arr: [1, 2, 3],
}
}
Laten we de elementen van deze array weergeven:
<template>
{{ arr[0] }}
{{ arr[1] }}
{{ arr[2] }}
</template>
Stel dat in data de volgende array is opgeslagen:
data() {
return {
arr: ['x', 'y', 'z'],
}
}
Geef elk element van deze array weer in een aparte alinea.
Stel dat in data de volgende array is opgeslagen:
data() {
return {
arr: [1, 2, 3],
}
}
Geef de som van de elementen van deze array weer op het scherm.
