vue3 mouse.js 鼠标的位置

mouse.js

import { ref,onMounted,onUnmounted } from "vue"

export function useMouseposition(){
    const x=ref(0);
    const y=ref(0);
    function update(e){
        x.value= e.pageX;
        y.value = e.pageY
    }
    onMounted(()=>{
        window.addEventListener('mousemove',update)
    })
    
    onUnmounted(()=>{
        window.removeEventListener('mousemove',update)
    })
    return {x,y}
}

import {useMouseposition} from '../utils/mouse'

const {x,y} =useMouseposition();