better-scroll 是一个基于 Web 更好滚动插件，可以用来提高网页滚动性能。但是，它并不直接支持 Vue.js。如果你想在不使用 Vue.js 的情况下使用 better-scroll，你可以使用 better-scroll 的 API，或者将它包装在 Vue.js 项目中。

以下是一个简单的示例，说明如何使用 better-scroll 与 Vue.js 结合使用：

```html

```

在这个示例中，我们首先导入了 Scrollable 组件，然后在 data 属性中设置了滚动行为。在 mounted 生命周期钩子中，我们添加了一个监听器来监听滚动事件。在监听器中，我们使用 event.target.scrollInfo.delta 来获取滚动事件的 delta 值，然后根据这个值来设置滚动行为。

注意，你需要在你的 Vue.js 项目中安装 better-scroll。你可以使用 npm 或 yarn 来安装：

```bash npm install better-scroll

或者

yarn add better-scroll ```

如果你使用的是 yarn，你需要在你的 yarn.lock 文件中添加 better-scroll 到你的依赖列表中：

json { "dependencies": { "better-scroll": "^2.20.1" } }