Tömbök Vue-ban
A tömbök tartalmának megjelenítése a Vue-ban
ugyanúgy történik, mint a tiszta JavaScript-ben.
Nézzük meg, hogyan is csináljuk.
Tegyük fel, hogy a data-ban van egy
arr tulajdonságunk,
amely egy bizonyos tömböt tartalmaz:
data() {
return {
arr: [1, 2, 3],
}
}
Jelenítsük meg a tömb elemeit:
<template>
{{ arr[0] }}
{{ arr[1] }}
{{ arr[2] }}
</template>
Tegyük fel, hogy a data-ban a következő tömb található:
data() {
return {
arr: ['x', 'y', 'z'],
}
}
Jelenítse meg a tömb minden elemét külön bekezdésben.
Tegyük fel, hogy a data-ban a következő tömb található:
data() {
return {
arr: [1, 2, 3],
}
}
Jelenítse meg a képernyőn a tömb elemeinek összegét.