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:

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

Jelenítsük meg a tömb elemeit:

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

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

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