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ę:

javascriptdata() {
  return {
    arr: [1, 2, 3],
  }
}

Wyświetlmy elementy tej tablicy:

App.vue<template>
  {{ arr[0] }}
  {{ arr[1] }}
  {{ arr[2] }}
</template>

Задание 1

Załóżmy, że w data przechowywana jest następująca tablica:

javascriptdata() {
  return {
    arr: ['x', 'y', 'z'],
  }
}

Wyświetl każdy element tej tablicy w osobnym akapicie.

Задание 2

Załóżmy, że w data przechowywana jest następująca tablica:

javascriptdata() {
  return {
    arr: [1, 2, 3],
  }
}

Wyświetl na ekranie sumę elementów tej tablicy.