v-for in vue with object code example
Example 1: vue v-for object
// object: {
// title: 'How to do lists in Vue',
// author: 'Jane Doe',
// publishedAt: '2016-04-10'
// }
<div v-for="(value, name, index) in object">
{{ index }}. {{ name }}: {{ value }}
</div>
Example 2: vue v-for loop array
new Vue({
el: '#sample',
data: {
private: {
folders : [{
name : 'folder1',
checks : [
{ name : 'check1.1' },
{ name : 'check1.2' }
]
},
{
name : 'folder2',
checks : [
{ name : 'check2.1' },
{ name : 'check2.2' }
]
}
]
}
}
})