通过v-for,使用渲染多个元素,基于bootstrap实现简单分页
<div id="app">
<nav>
<ul class="pagination">
<template v-for="page in pages">
<li v-if="page==1" class="disabled"><a href="#">上一页</a></li>
<li v-if="page==1" class="active"><a href="#">{{page}}</a></li>
<li v-else><a href="#">{{page}}</a></li>
<li v-if="page==pages"><a href="#">下一页</a></li>
</template>
</ul>
</nav>
</div>
<script>
var vm = new Vue({
el:"#app",
data:{
pages:10
}
})
</script>