Tablice w Vue
Wyświetlanie zawartości tablic w Vue odbywa się
tak samo, jak w czystym JavaScript.
Zobaczmy, jak to się robi.
Załóżmy, że w data mamy właściwość
arr, która zawiera
sobie pewną tablicę:
data() {
return {
arr: [1, 2, 3],
}
}
Wyświetlmy elementy tej tablicy:
<template>
{{ arr[0] }}
{{ arr[1] }}
{{ arr[2] }}
</template>
Załóżmy, że w data przechowywana jest następująca tablica:
data() {
return {
arr: ['x', 'y', 'z'],
}
}
Wyświetl każdy element tej tablicy w osobnym akapicie.
Załóżmy, że w data przechowywana jest następująca tablica:
data() {
return {
arr: [1, 2, 3],
}
}
Wyświetl na ekranie sumę elementów tej tablicy.