vue中的鼠标事件

@click//单击

@mousedown//按下　  当鼠标指针移动到元素上方，并按下鼠标左键时，会发生 mousedown 事件。　　提示：该方法通常与 mouseup() 方法一起使用。
@mouseup//抬起　　   当鼠标指针移动到元素上方，并松开鼠标左键时，会发生 mouseup 事件　　 　　提示：该方法通常与 mousedown() 方法一起使用。
@dblclick//双击　　      当双击元素时，会发生 dblclick 事件。
@mousemove//移动     当鼠标指针在指定的元素中移动时，就会发生 mousemove 事件。　　　　　　　 注意：用户把鼠标移动一个像素，就会发生一次 mousemove 事件。处理所有 mousemove 事件会耗费系统资源。请谨慎使用该事件。
@mouseleave//离开　  当鼠标指针离开被选元素时，会发生 mouseleave 事件。　　　　　　　　　　　提示：该事件通常与 mouseenter 事件一起使用。
@mouseout //移出　　 当鼠标指针从元素上移开时，发生 mouseout 事件。　     　　　　　　　　　　 注释：与 mouseleave 事件不同，不论鼠标指针离开被选元素还是任何子元素，都会触发 mouseout 事件。只有在鼠标指针离开被选元素时，才会触发 mouseleave 事件。
@mouseenter//进入　  当鼠标指针穿过（进入）被选元素时，会发生 mouseenter 事件。 　　　　　　　提示：该事件通常与 mouseleave 事件一起使用。
@mouseover//在           当鼠标指针位于元素上方时，会发生 mouseover 事件。　　　　　　　　　　　 注意：与 mouseenter 事件不同，mouseover 事件在鼠标指针进入被选元素或任意子元素时都会被触发，mouseenter 事件只有在鼠标指针进入被选元素时被触发。提示：该事件通常与 mouseout 事件一起使用。