v-on的作用就是给元素添加监听事件，可以简写为@
JavaScript中的监听事件在vue中同样可以使用

JavaScript中的监听事件写法

  • 单击 onclick
  • 双击 ondbclick
  • 鼠标移上 onmouseenter
  • 鼠标离开 onmouseleave
  • 鼠标滑过 onmousemove
  • 鼠标移除 onmouseout
  • 失去焦点 onblur
  • 聚焦 onfocus
  • 键盘事件 onkeydown

vue中监听事件的写法

  • 单击 @click
  • 双击 @dbclick
  • 鼠标移上 @mouseenter
  • 鼠标离开 @mouseleave
  • 鼠标滑过 @mousemove
  • 鼠标移除 @mouseout
  • 失去焦点 @blur
  • 聚焦 @focus
  • 键盘事件 @keydown