Array i Vue
Att visa innehållet i arrayer i Vue görs
på samma sätt som i ren JavaScript.
Låt oss se hur det går till.
Antag att vi i data har en egenskap
arr som innehåller
en array med några värden:
data() {
return {
arr: [1, 2, 3],
}
}
Låt oss visa elementen i denna array:
<template>
{{ arr[0] }}
{{ arr[1] }}
{{ arr[2] }}
</template>
Antag att följande array lagras i data:
data() {
return {
arr: ['x', 'y', 'z'],
}
}
Visa varje element i denna array i ett separat stycke.
Antag att följande array lagras i data:
data() {
return {
arr: [1, 2, 3],
}
}
Visa summan av elementen i denna array på skärmen.