Vue - better-scroll

better-scroll参考资料

Github、1.x文档、2.x文档

better-scroll介绍

基于原生 JS 实现的，不依赖任何框架。完美运用于 Vue、React 等 MVVM 框架

1.x版本与2.x版本比较

1.x是引入整个better-scroll功能代码，体积大。2.x只提供了基础核心功能，体积更小。如果需要使用下拉加载，上拉刷新等功能，需要额外安装对应的插件

使用注意事项

• 父容器需要有高度，且只滚动父容器下的第一个元素（这个元素的整体高度，需要大于父容器高度才可滚动）
• DOM发生变化之后，要使用 bs.refresh() 重新计算滚动高度，在 this.$nextTick(() => { this.bs.refresh() })

创建实例

mounted() {
  this.scrollInit() // 在挂载完成之后执行
},
beforeDestroy() {
  this.bs.destroy() // 页面销毁时调用
},
methods: {
  scrollInit() {
    this.bs = new BScrol