Array di Vue
Menampilkan konten array di Vue dilakukan
dengan cara yang sama seperti di JavaScript murni.
Mari kita lihat bagaimana caranya.
Misalkan dalam data kita memiliki properti
arr yang berisi
sebuah array:
data() {
return {
arr: [1, 2, 3],
}
}
Mari kita tampilkan elemen array ini:
<template>
{{ arr[0] }}
{{ arr[1] }}
{{ arr[2] }}
</template>
Misalkan dalam data disimpan array berikut:
data() {
return {
arr: ['x', 'y', 'z'],
}
}
Tampilkan setiap elemen array ini dalam paragraf terpisah.
Misalkan dalam data disimpan array berikut:
data() {
return {
arr: [1, 2, 3],
}
}
Tampilkan jumlah (sum) elemen array ini di layar.
