Matrice în Vue
Afișarea conținutului matricelor în Vue se realizează
la fel ca în JavaScript simplu.
Să vedem cum se face.
Să presupunem că în data avem o proprietate
arr, care conține în interior
o anumită matrice:
data() {
return {
arr: [1, 2, 3],
}
}
Să afișăm elementele acestei matrice:
<template>
{{ arr[0] }}
{{ arr[1] }}
{{ arr[2] }}
</template>
Să presupunem că în data este stocată următoarea matrice:
data() {
return {
arr: ['x', 'y', 'z'],
}
}
Afișați fiecare element al acestei matrice într-un paragraf separat.
Să presupunem că în data este stocată următoarea matrice:
data() {
return {
arr: [1, 2, 3],
}
}
Afișați pe ecran suma elementelor acestei matrice.