vue3+setUp 语法中如何使用better-scroll

在 Vue 3 中使用 BetterScroll 可以通过以下步骤进行：

1. 安装 BetterScroll：

npm install better-scroll

2. 引入 BetterScroll：

import BScroll from 'better-scroll'

3. 在 `setup()` 函数中创建 BetterScroll 实例：

import { ref, onMounted } from 'vue'
import BScroll from 'better-scroll'

export default {
  setup() {
    const wrapperRef = ref(null)
    let bs = null

    onMounted(() => {
      bs = new BScroll(wrapperRef.value, {
        // BetterScroll 配置项
      })
    })

    return {
      wrapperRef
    }
  }
}

4. 在模板中使用 BetterScroll：

<template>
  <div ref="wrapperRef">
    <ul>
      <!-- BetterScroll 包裹的内容 -->
    </ul>
  </div>
</template>

这里的 `wrapperRef` 是在 `setup()` 函数中定义的一个 ref，用于获取 BetterScroll 的容器元素。在 `onMounted()` 钩子函数中创建 BetterScroll 实例，并将 `wrapperRef` 的值传递给 BetterScroll。在模板中，通过 `ref` 指令绑定 `wrapperRef`，并将需要滚动的内容放在容器元素内部。