mousemove里事件pageX.Y和target.offsetLeft获取鼠标在元素的位置

定义一个@mousemove事件

 <button class="track-btn" @click="handleClick" @mousemove="move" >
       <span><slot></slot></span>
   </button>

     move(e){
                console.log(e)
                  //获取在元素里面的鼠标坐标
                const x = e.pageX - e.target.offsetLeft;
                const y = e.pageY - e.target.offsetTop;
            }

理解pageX.Y和e.target.offsetLeft
pageX 是以Document 对象（即文本窗口）左上角为原点，定位x轴坐标
简单理解一下：

image.png