在 vue cli3 创建的项目中，使用 better-scroll 的具体步骤：

这篇文章是对于 vue cli3 创建的项目中，使用 better-scroll2.x 的具体步骤的一个总结：

---

• 先附上 better-scroll 2.x 中文文档 : https://better-scroll.github.io/docs/zh-CN/plugins/infinity.html
• better-scroll 概念 :

BetterScroll 是一个 插件，旨在 解决移动端的滚动情况（已支持PC）。核心是受 iscroll 实现的启发，因此 BetterScroll的 API 总体上与 iscroll 兼容。此外，BetterScroll 还扩展了某些功能，并基于 iscroll 优化了性能。BetterScroll 是用纯JavaScript 实现的，这意味着它没有依赖关系。

 

• better-scroll 插件安装 : 

//# install 1.x
npm install better-scroll -S 
//# install 2.x，with full-featured plugin.
npm install @better-scroll/core@next --save

• better-scroll 引入 :

//# install 1.x
import Bscroll from 'better-scroll'
//# install 2.x
import BScroll from '@better-scroll/core'

• better-scroll 使用 :

BetterScroll 最常见的应用场景是列表滚动。让我们看看它的HTML：页面结构要符合这样的，不一定非要div->ul->li但是必须最外层div要包裹一个大包;

  

    
...
    
...
    ...