vue-iscroll分頁是一款基于vue.js和iscroll.js的分頁插件，它不僅支持上拉加載更多，還支持下拉刷新。使用vue-iscroll分頁可以實現移動端分頁效果的開發。下面將介紹vue-iscroll分頁的使用方法。

首先安裝vue-iscroll分頁插件：

npm install --save @wpkg/vue-iscroll

在需要使用分頁效果的頁面中，引入vue-iscroll分頁的組件：

<template>
<div class="scroll-container">
<vue-iscroll @pullDown="refresh" @pullUp="loadMore">
<ul>
<li v-for="(item, index) in items" :key="index">
{{ item }}
</li>
</ul>
</vue-iscroll>
</div>
</template>
<script>
import VueIscroll from '@wpkg/vue-iscroll';
export default {
components: {
VueIscroll,
},
data() {
return {
items: [1, 2, 3],
};
},
methods: {
refresh() {
console.log('下拉刷新');
},
loadMore() {
console.log('上拉加載更多');
},
},
};
</script>

在模板中，使用vue-iscroll組件包裹要展示的內容。其中，@pullDown和@pullUp監聽了下拉刷新和上拉加載更多事件，在methods中實現對應的邏輯。

此外，還可以在vue-iscroll組件中傳入下列選項：

<vue-iscroll
:option="{ // iscroll選項
scrollbars: true,
fadeScrollbars: true,
interactiveScrollbars: true,
}"
@pullDown="refresh"
@pullUp="loadMore"
>
<ul>
<li v-for="(item, index) in items" :key="index">
{{ item }}
</li>
</ul>
</vue-iscroll>

這里的:option就是傳入iscroll.js中的配置選項，可自由配置。在制作移動端分頁效果時，選擇vue-iscroll分頁就能輕松實現上拉加載更多和下拉刷新的效果。