首先按照官方文件寫出html結構樣式，

如下：

<div class="goodContent" ref="goodContent">
    <div>
        <!-- 頂部提示資訊 -->
        <div class="top-tip">
            <span class="refresh-hook">下拉重新整理</span>
        </div>
        <ul>
            <li v-for="(num,key) in 30" :key="key" @click='_numClick(key)'>{{num}}</li>
            <li v-for="(person,key) in persons" :key="key">{{person.name}}</li>
        </ul>
        <!-- 底部提示資訊 -->
        <div class="bottom-tip">
            <span class="loading-hook">載入更多</span>
        </div>
    </div>
</div>  其中的提示資訊視情況使用，這裡要注意的是一定要給最外層的div添加個定位；沒有定位將導致頁面無法滑動；

然後就是按照官方文件給的介面去寫你需要用到的方法，示例如下：

這裡需要注意的是bscroll初始化的時候