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