在現代的網頁應用程序中，分頁數據非常常見。Vue.js作為一種流行的前端javascript框架，完美支持分頁數據的處理和展現。Vue.js分頁功能非常強大，可以根據不同的需求進行各種自定義設置，我們今天要介紹的是Vue.js分頁數據刷新的實現方式。

實現Vue.js分頁數據刷新的方式有兩種，一種是通過watch監視數據變化，另一種是使用computed計算屬性。下面我們先介紹watch監視數據變化的實現。

watch： {
currentPage:function (newPage) {
this.fetchData(newPage)
}
}

以上是使用watch監視當前頁碼的變化，并在頁碼變化時調用fetchData()函數刷新數據的代碼。其中，fetchData()函數是一個異步請求數據的函數，具體實現可以根據具體的需求進行編寫。在這里我們只需要知道，當頁碼變化時，我們需要調用fetchData()函數獲取最新的頁碼對應的數據即可。

除了使用watch監視數據變化，我們還可以使用computed計算屬性來實現分頁數據的刷新。computed計算屬性比watch更加靈活，可以在數據變化的同時進行一些計算或者字符串等等的處理。

computed: {
pages: function () {
var rows = this.rows
var pageList = []
for (var i = 1; i<= this.totalPages; i++) {
pageList.push(i)
}
return pageList
}
}

以上是使用computed計算屬性來實現分頁數據刷新的代碼。pages屬性是一個計算屬性，該屬性依賴于totalPages和rows兩個屬性，當這兩個屬性有任何變化時，該屬性會自動重新計算。這樣，在我們的Vue實例中，只需要綁定pages屬性，就可以實現分頁數據的刷新了。

另外，我們還可以通過調用Vue.js的生命周期函數來實現分頁數據的刷新。在Vue.js實例被創建、被更新或者被銷毀時，都會觸發相應的生命周期函數。我們可以在這些函數中進行數據的更新處理，實現分頁數據的刷新。

created: function () {
this.fetchData(this.currentPage)
},
updated: function () {
this.fetchData(this.currentPage)
},
destroyed: function () {
this.fetchData(this.currentPage)
}

以上是使用Vue.js的created、updated和destroyed生命周期函數來實現分頁數據刷新的代碼。在這里，我們分別在Vue實例被創建、更新和銷毀時，調用fetchData()函數獲取最新的分頁數據。通過這種方式，我們可以實現各種定制化的分頁數據刷新，滿足各種不同的需求。

綜上所述，Vue.js分頁數據刷新的方式有多種，可以根據具體的應用場景進行選擇。我們可以使用watch、computed計算屬性或者生命周期函數來實現分頁數據的刷新。具體選擇哪種方式需要根據具體的需求和實際情況來進行考慮。