<!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>