Les tableaux en Vue

L'affichage du contenu des tableaux en Vue s'effectue de la même manière qu'en JavaScript pur. Voyons comment procéder. Supposons que dans data nous ayons une propriété arr qui contient un certain tableau :

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

Affichons les éléments de ce tableau :

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

Supposons que dans data soit stocké le tableau suivant :

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

Affichez chaque élément de ce tableau dans un paragraphe séparé.

Supposons que dans data soit stocké le tableau suivant :

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

Affichez à l'écran la somme des éléments de ce tableau.