@click="click" //单击
@dblclick="dblclick" //双击
@mousedown="down" //按下
@mouseup="up" //抬起
@mousemove="move" //移动
@mouseleave="out" //指针移出元素范围外（不冒泡）。
@mouseout ="out" //指针移出元素，或者移到它的子元素上。
@mouseenter="enter" //指针移到有事件监听的元素内（不冒泡）
@mouseover="enter" //指针移到有事件监听的元素或者它的子元素内。
@keydown="down" //键盘按下
@keyup="up" //键盘抬起
注意：mouseenter是穿过，所以只能触发一次改事件，而mouseover是位于上方，mouseenter事件只作用于目标元素，而mouseover最用于目标元素及其后代元素。mouseover(鼠标覆盖)。mouseenter(鼠标进入)。二者的本质区别在于,mouseenter不会冒泡,简单的说,它不会被它本身的子元素的状态影响到.但是mouseover就会被它的子元素影响到,在触发子元素的时候,mouseover会冒泡触发它的父元素.(想要阻止mouseover的冒泡事件就用mouseenter)
共同点:当二者都没有子元素时,二者的行为是一致的,但是二者内部都包含子元素时,行为就不同了.
来源：51CTO
作者：喝醉的熊
链接：https://blog.51cto.com/13550695/2464024