25 - 鼠标坐标

[mu-muw]

// 你的答案

Mouse position is at: {{ x }}, {{ y }} <script setup > import { ref } from 'vue' function useEventListener(target, event, callback) { target.addEventListener(event, callback) } function useMouse() {// 定义一个名为 useMouse 的 composable 函数 const x = ref(0) const y = ref() // 使用 useEventListener 函数监听 mousemove 事件 useEventListener(window, "mousemove", (event) => { // 将鼠标的水平位置和垂直位置分别设置为响应式引用 x 和 y 的值 x.value = event.clientX y.value = event.clientY }) return { x, y } }// 返回包含 x 和 y 的对象 const { x, y } = useMouse() </script>