# Массивы в 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], } }`

Выведите на экран сумму элементов этого массива.

← →
↑