Array i Vue

Att visa innehållet i arrayer i Vue görs på samma sätt som i ren JavaScript. Låt oss se hur det går till. Antag att vi i data har en egenskap arr som innehåller en array med några värden:

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

Låt oss visa elementen i denna array:

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

Задание 1

Antag att följande array lagras i data:

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

Visa varje element i denna array i ett separat stycke.

Задание 2

Antag att följande array lagras i data:

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

Visa summan av elementen i denna array på skärmen.