<vuetable listdata="{{datalist}}" clickcallback="{{callback}}"></vuetable>　　<pages pages="{{@ pages}}" clickhandle="{{search}}"></pages>　　其中vuetable元件負責資料展示功能，裡面內容暫且不表，pages元件實現分頁功能，如下：　　<div>　　<ul>　　<li v-on="click:leftclick" v-show="leftbtn"><a>《</a></li>　　<li v-repeat="showlength" v-on="click:clickhandle(currentIndex+$index,$event)"><a>{{currentIndex+$index}}</a></li>　　<li v-on="click:rightclick" v-show="rightbtn"><a></a></li>　　</ul>　　</div>　　class為pageindex的 li 的點選事件裡面將 要顯示的index 傳給 props傳遞過來的 clickhandle,　　clickhandle會根據index，返回後更新 datalist，完成分頁功能。