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:
data() {
return {
arr: [1, 2, 3],
}
}
Bu dizinin elemanlarını gösterelim:
<template>
{{ arr[0] }}
{{ arr[1] }}
{{ arr[2] }}
</template>
data içinde aşağıdaki dizi saklansın:
data() {
return {
arr: ['x', 'y', 'z'],
}
}
Bu dizinin her bir elemanını ayrı bir paragrafta gösterin.
data içinde aşağıdaki dizi saklansın:
data() {
return {
arr: [1, 2, 3],
}
}
Bu dizinin elemanlarının toplamını ekranda gösterin.
