Массивы и объекты в данных и директива v-for. Vue.js.

Еще один тип данных, который можно хранить внутри уровня данных объекта Vue.js - это массивы или объекты. 

Например,

data: {
    'test': [
    'Первый', 'Второй', 'Третий'
]
}
...
{{ test }}

Если не указывать индекс элемента для вывода, vue.js отобразит элемент как строку.

Но, можно указать конкретный индекс того элемента, который нужно вывести.

{{ test[0] }}

Как быть если нужно по порядку вывести все элементы массива? Для этой цели во Vue есть специальная директива, которая называется v-for.

<ul>
    <li v-for="item in test">{{ item }}</li>
</ul>

Vue по порядку обойдет все элементы массива test и выводит их содержимое. 

item - это произвольная переменная, которую вы можете назвать так, как вам это будет удобно.