Vue中的鼠标事件

@click()  ||  @dblclick()  // 单击事件 / 双击事件
@mousedown()  ||  @mouseup()  // 按下触发 / 抬起触发
@mousemove()  // 当鼠标指针在指定的元素中移动时，就会发生 mousemove 事件，移动一个像素，就会发生一次mousemove
@mouseleave()  // 当鼠标指针离开被选元素时，会发生mouseleave事件 
@mouseout()  // 当鼠标指针从元素上移开时，发生 mouseout 事件，与mouseleave事件不同，不论鼠标指针离开被选元素还是任何子元素，都会触发mouseout事件。
@mouseenter()  // 当鼠标指针进入被选元素时，会发生 mouseenter 事件 
@mouseover()  // 当鼠标指针位于元素上方时，会发生 mouseover 事件。 
// 注意：与 mouseenter事件不同，mouseover事件在鼠标指针进入被选元素或任意子元素时都会被触发，mouseenter 事件只有在鼠标指针进入被选元素时被触发。