Taulukot Vue:ssa
Taulukoiden sisällön näyttäminen Vue:ssa tapahtuu
samalla tavalla kuin puhtaassa JavaScriptissä.
Katsotaanpa, miten se tehdään.
Oletetaan, että data:ssa meillä on ominaisuus
arr, joka sisältää
tietyn taulukon:
data() {
return {
arr: [1, 2, 3],
}
}
Esitetään tämän taulukon elementit:
<template>
{{ arr[0] }}
{{ arr[1] }}
{{ arr[2] }}
</template>
Oletetaan, että data:ssa tallennetaan seuraava taulukko:
data() {
return {
arr: ['x', 'y', 'z'],
}
}
Näytä jokainen tämän taulukon elementti omassa kappaleessaan.
Oletetaan, että data:ssa tallennetaan seuraava taulukko:
data() {
return {
arr: [1, 2, 3],
}
}
Näytä ruudulle tämän taulukon elementtien summa.
