Πίνακες στο Vue

Η εμφάνιση του περιεχομένου των πινάκων στο Vue πραγματοποιείται με τον ίδιο τρόπο όπως και στο καθαρό JavaScript. Ας δούμε πώς γίνεται αυτό. Ας υποθέσουμε ότι στο data έχουμε μια ιδιότητα arr, που περιέχει μέσα της έναν συγκεκριμένο πίνακα:

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

Ας εμφανίσουμε τα στοιχεία αυτού του πίνακα:

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

Ας υποθέσουμε ότι στο data αποθηκεύεται ο ακόλουθος πίνακας:

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

Εμφανίστε κάθε στοιχείο αυτού του πίνακα σε μια ξεχωριστή παράγραφο.

Ας υποθέσουμε ότι στο data αποθηκεύεται ο ακόλουθος πίνακας:

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

Εμφανίστε στην οθόνη το άθροισμα των στοιχείων αυτού του πίνακα.