Vue'de Diziler

Vue'de dizilerin içeriğini göstermek, saf JavaScript'teki ile aynı şekilde yapılır. Nasıl yapıldığına bir göz atalım. data içinde, içinde bir dizi bulunan arr özelliğimiz olduğunu varsayalım:

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

Bu dizinin elemanlarını gösterelim:

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

Задание 1

data içinde aşağıdaki dizi saklansın:

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

Bu dizinin her bir elemanını ayrı bir paragrafta gösterin.

Задание 2

data içinde aşağıdaki dizi saklansın:

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

Bu dizinin elemanlarının toplamını ekranda gösterin.