<script src="https://cdn.jsdelivr.net/vue/latest/vue.js"></script> <div id="sample"> <div v-if = "private.folders!=null" v-for="folder in private.folders"> {{folder.name}} <div v-for="check in folder.checks"> {{check.name}} </div> </div> </div>
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' } ] } ] } } })