vue3 中如何使用vue-touch

vue-touch 目前只支持 Vue 2.x 版本，不支持 Vue 3.x 版本。如果你想在 Vue 3.x 中使用 touch 事件，可以使用原生 DOM 事件，并通过 Vue 提供的 `$refs` 来访问 DOM 元素。

以下是一个例子：

<template>
  <div ref="box" @touchstart="onTouchStart" @touchmove="onTouchMove" @touchend="onTouchEnd">
    Touch me!
  </div>
</template>

<script>
export default {
  methods: {
    onTouchStart(event) {
      console.log('Touch start:', event.touches[0].clientX, event.touches[0].clientY);
    },
    onTouchMove(event) {
      console.log('Touch move:', event.touches[0].clientX, event.touches[0].clientY);
    },
    onTouchEnd(event) {
      console.log('Touch end:', event.changedTouches[0].clientX, event.changedTouches[0].clientY);
    },
  },
};
</script>

在上面的例子中，我们通过 `$refs` 来访问了 `<div>` 元素，然后使用原生 DOM 事件来监听 touch 事件。在 touch 事件的回调函数中，我们可以通过事件对象来获取触摸点的坐标等信息。

需要注意的是，在 Vue 3.x 中，`$refs` 的使用有一些变化。在模板中使用了 `ref` 属性后，我们需要在组件实例中通过 `this.$refs` 来访问对应的 DOM 元素。