better-scroll在vue2中使用

better-scroll是一个基于原生JS的滚动插件，可以在移动端和PC端使用。在Vue2中使用better-scroll需要先安装better-scroll插件，然后在Vue组件中引入并使用。

安装better-scroll插件：

npm install better-scroll --save

在Vue组件中引入并使用better-scroll：

<template>
  <div ref="wrapper">
    <ul>
      <li v-for="item in list">{{ item }}</li>
    </ul>
  </div>
</template>

<script>
import BScroll from 'better-scroll'

export default {
  data() {
    return {
      list: ['item1', 'item2', 'item3', 'item4', 'item5']
    }
  },
  mounted() {
    this.$nextTick(() => {
      this.scroll = new BScroll(this.$refs.wrapper, {
        scrollY: true,
        click: true
      })
    })
  }
}
</script>

在上面的代码中，我们在Vue组件的mounted钩子函数中创建了一个better-scroll实例，并将其绑定到组件的scroll属性上。我们还使用了Vue的$nextTick方法来确保better-scroll实例在DOM渲染完成后再创建。

在better-scroll实例的配置中，我们设置了scrollY为true，表示允许垂直滚动；设置了click为true，表示允许点击滚动。

在模板中，我们使用了Vue的ref指令来获取包裹滚动内容的DOM元素，并将其绑定到组件的wrapper属性上。

这样，我们就可以在Vue2中使用better-scroll实现滚动效果了。