Vue Better Scroll 是一款基于 Vue.js 構建的滾動插件，它具備良好的性能和滑動效果，并支持多種自定義配置。使用 Vue Better Scroll 可以方便地為網站或移動應用提供流暢的滾動體驗。

以下是使用 Vue Better Scroll 的簡單示例：

import Vue from 'vue'
import VueBetterScroll from 'vue2-better-scroll'
Vue.use(VueBetterScroll, {
scrollY: true, // 允許縱向滾動
scrollX: false, // 不允許橫向滾動
mouseWheel: true, // 允許鼠標滾輪滾動
probeType: 3, // 觸發 scroll 事件的條件，默認值為 1
click: true, // 允許點擊滾動
pullUpLoad: true, // 允許上拉加載
pullDownRefresh: true, // 允許下拉刷新
swipeTime: 1000, // 觸發 swipe 動作的最短時間，默認值為 250
swipeBounceTime: 500, // swipe 回彈的動畫時長，默認值為 500
scrollbar: true, // 顯示滾動條
scrollbarFade: true, // 滾動條漸隱
scrollbarMinLength: 50, // 滾動條的最小長度，默認值為 20
})

在模板中添加如下代碼即可使用：

<template>
<div>
<vue-better-scroll :options="options">
<ul>
<li v-for="item in items" :key="item.id">{{ item.name }}</li>
</ul>
</vue-better-scroll>
</div>
</template>

通過以上代碼示例，我們可以看到 Vue Better Scroll 的使用非常簡單，并且可以靈活的配置各種選項，從而滿足不同需求場景。