Подскажите пожалуйста, каким образом можно вывести массив значений через v-for, немного не понимаю как перебирать в таком цикле сам массив, желательно с примером, благодарю.
Тут на самом деле всё не сложно) главное запомнить что где должно стоять, у меня в первые разы не получалось запомнить, вот пример, после каждого блока объясню что там происходит)
ul {
width: 100px;
height: auto;
padding: 20px;
background-color: #34648a;
color: yellow;
font-style:oblique;
border: 2px dotted orange;
}
В первом блоке просто создаем оформление с помощью css, что не сильно важно, но приятно глазу)
<div id="app">
v-for="elem in arr" type="none">
<li
{{elem.word}}
В html уже указываем сам v-for цикл, указывая что мы будем подставлять текущий элемент arr в переменную elem(это по сути ссылка на текущий элемент массива), таким образом мы через elem достаем значение свойства word на текущей итерации, ну и так до конца, далее vue:
var vue_ex = new Vue({
el: '#app',
data: {
arr: [
{ word: 'I' },
{ word: 'am' },
{ word: 'your'},
{ word: 'array'},
{ word: '!!!!!!!!!!!!'}
]
}
})
В vue всё тоже очень просто, создаем массив квадратными скобками, внутри задаем значения свойству word и далее достаем это свойство через elem.