Better-scroll 在 Vue3中使用代码

在Vue3中使用Better-scroll需要先安装better-scroll插件，可以使用npm命令进行安装：

npm install better-scroll --save

然后在Vue3中使用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: []
    }
  },
  mounted() {
    this.list = ['item1', 'item2', 'item3', 'item4', 'item5']

    const wrapper = this.$refs.wrapper
    const options = {
      // Better-scroll的参数配置
    }
    this.scroll = new BScroll(wrapper, options)
  },
  beforeDestroy() {
    this.scroll.destroy()
  }
}
</script>

需要注意的是，在组件被销毁前，需要调用scroll.destroy()方法进行销毁。