<!DOCTYPE html><html><head><meta charset="utf-8"></head><body><div id="App"><ul class="nav"><li v-for="(item,indexs) in items" ><a href="##" :title="item.title"></a><ol :ref="item.title"><li v-for="(list,index) in item.children" :class="list.class"><a :href="list.url" :title="list.list" :key="list.time" @click.prevent="changeCont(list.time,$event)">{{ list.text }}</a></li></ol></li></ul></div><script src="http://code.jquery.com/jquery-2.1.1.min.js"></script><script>var app=new Vue({el: '#App',data: {books: [{type: 'program',lists: [{author: 'A',date:''}]}]}})</script></body></html>
当前位置：首页 > vue中用v-for渲染多层数据结构