通过<script>标签引入Vue2.0进行的分页

整理一下自己做出来的分页，也给大家分享一下！希望对需要的人可以帮到！
1.首先在html页面引入vue2.0.js
2.在html页面定义一个组件
    <template id="pagintaion">
    <div class="page-bar">
        <div class="page-con">
               <ul>
                   <li v-if="cur>1"><a v-on:click="curs-- &amp;&amp; pageClick()">上一页</a></li>
                   <li v-if="cur==1"><a class="banclick">上一页</a></li>
                   <li v-for="index in indexs"  v-bind:class="{ active: cur == index}">
                       <a v-on:click="btnclick(index)">{
  { index }}</a>
                   </li>
                   <li v-if="cur!=pages"><a v-on:click="curs++ &amp;&amp; pageClick()">下一页</a></li>
                   <li v-if="cur == pages"><a class="banclick">下一页</a></li>
                   <li><a>共<i>{
  {pages}}</i>页</a></li>
                   <li><a>共<i>{
  {count}}</i>條</a></li>
                   <li style="float:right">每頁
                        <span class="select-box inline size-MINI">
                            <select class="select" size="1" v-model="pageSize" v-on:change="onSelected">
                                &