vue.js有没有tap事件

<template>
  <div @touchstart="handleTouchStart" @touchend="handleTouchEnd">
    Tap me!
  </div>
</template>

<script>
import { ref } from 'vue';

export default {
  setup() {
    const startX = ref(0);
    const startY = ref(0);

    function handleTouchStart(event) {
      startX.value = event.touches[0].clientX;
      startY.value = event.touches[0].clientY;
    }

    function handleTouchEnd(event) {
      const endX = event.changedTouches[0].clientX;
      const endY = event.changedTouches[0].clientY;
      const deltaX = Math.abs(endX - startX.value);
      const deltaY = Math.abs(endY - startY.value);

      // 判断是否为有效的 tap 事件
      if (deltaX < 10 && deltaY < 10) {
        console.log('Tap event detected!');
        // 在这里可以触发你的 tap 事件处理逻辑
      }
    }

    return {
      handleTouchStart,
      handleTouchEnd
    };
  }
};
</script>