vue3封装better-scroll问题

在Vue3中封装better-scroll可以按照以下步骤进行：

1. 首先，安装better-scroll依赖：

npm install better-scroll --save

2. 在Vue组件中引入better-scroll并进行封装：

<template>
  <div class="wrapper" ref="wrapper">
    <ul class="content">
      <li>...</li>
      <li>...</li>
      ...
    </ul>
  </div>
</template>

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

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

    onMounted(() => {
      scroll = new BScroll(wrapperRef.value, {})
    })

    return {
      wrapperRef
    }
  }
}
</script>

在上述代码中，我们使用了Vue3的Composition API来封装better-scroll。通过`ref`函数创建了一个`wrapperRef`引用，用于获取DOM元素的引用。然后，在`onMounted`钩子函数中，创建了一个新的better-scroll实例，并将其绑定到`wrapperRef`所引用的DOM元素上。

这样，我们就完成了在Vue3中封装better-scroll的过程。