在使用Vue編寫翻頁功能時，onload(即頁面加載)分頁可以使數據在頁面打開時自動分頁，方便用戶瀏覽數據。接下來介紹如何在Vue中使用onload分頁。

mounted: function() {
this.getData(); //獲取數據
window.onload = this.pageList; //執行函數
},
methods: {
getData: function() {
//獲取數據的方法
},
pageList: function() {
var allRecorders = this.allData.length; //總數據條數
var maxPage = Math.floor(allRecorders / this.pageSize); //最大頁數
if (allRecorders % this.pageSize != 0) {
maxPage += 1;
}
this.allPage = maxPage; //所有頁數
this.pageData = this.allData.slice(0, this.pageSize); //獲取初始頁數數據
}
}

首先，在Vue中使用mounted方法獲取數據。在window.onload事件中執行pageList方法，獲取總數據條數，最大頁數和所有頁數。如果總數據條數不能整除每頁顯示數據條數，則頁數要加1。最后，獲取初始頁數數據。這樣在頁面打開時，數據就已經按照分頁方式顯示。

<button v-on:click="prePage()">前一頁</button>
<button v-on:click="nextPage()">后一頁</button>

其次，在Vue中使用v-on指令給button按鈕綁定點擊事件。分別執行前一頁和后一頁的方法。

prePage: function() {
if (this.curPage >1) {
this.curPage--;
this.pageData = this.allData.slice((this.curPage - 1) * this.pageSize,  
this.curPage * this.pageSize);
}
},
nextPage: function() {
if (this.curPage< this.allPage) {
this.curPage++;
this.pageData = this.allData.slice((this.curPage - 1) * this.pageSize,
this.curPage * this.pageSize);
}
}

最后，在Vue中編寫控制前后頁面的方法。當當前頁數大于1時，前一頁顯示，當前頁數減1，并根據當前頁數和每頁顯示數據條數獲取頁面數據。當當前頁數小于所有頁數時，后一頁顯示，當前頁數加1，并根據當前頁數和每頁顯示數據條數獲取頁面數據。這樣就可以實現頁面上的翻頁功能。