vue中的鼠标事件的总结

1. @click() / @dblclick()

单击事件 / 双击事件

2. @mousedown() / @mouseup()

按下触发 / 抬起触发

3. @mousemove()

当鼠标指针在指定的元素中移动时，就会发生 mousemove 事件
移动一个像素，就会发生一次 mousemove

4. @mouseleave()

当鼠标指针离开被选元素时，会发生 mouseleave 事件

5. @mouseout()

当鼠标指针从元素上移开时，发生 mouseout 事件;

与 mouseleave 事件不同，不论鼠标指针离开被选元素还是任何子元素，都会触发 mouseout 事件。

6. @mouseenter()

当鼠标指针进入被选元素时，会发生 mouseenter 事件

7. @mouseover()

当鼠标指针位于元素上方时，会发生 mouseover 事件。

注意：与 mouseenter 事件不同，mouseover 事件在鼠标指针进入被选元素或任意子元素时都会被触发，mouseenter 事件只有在鼠标指针进入被选元素时被触发。