v-on 指令

v- 开头

1. v-on 两种修饰符

1）事件修饰符（4种）
prevent，stop，capture，self

详细说明：
prevent: preventDefault() 阻止事件的默认行为
stop: stopPropagation() 阻止事件冒泡
capture: 表示添加事件侦听器时采用 capture 即捕获模式

示例代码：
<div v-on:click.capture='doThis'>...</div>

self: 只有当事件作用在该元素本身（而不是子元素），触发时触发回调

示例代码：
<div v-on:click.self='doSomething'>...</div>

2）按键修饰符（监听键盘事件）
记住 keyCode 比较困难，Vue.js 提供了别名

• enter (keyCode: 13)
• tab (keyCode: 9)
• delete (keyCode: 8, 46)
• esc (keyCode: 27)
• space (keyCode: 32)
• up (keyCode: 38)
• dowm (keyCode: 40)
• left (keyCode: 37)
• right (keyCode: 39)
  示例：

只有在回车时调用 vm.submit()
<input v-on:keyup.13='submit'></input>
或：
<input v-on:keyup.enter='submit'></input>
缩写语法：
<input @keyup.enter='submit'></input>