监听事件
可以用 v-on 指令监听 DOM 事件来触发一些 JavaScript 代码。
v-on:click="counter += 1">
方法事件处理器
v-on:click="greet"
事件修饰符
methods 只有纯粹的数据逻辑,而不是去处理 DOM 事件细节。
<a v-on:click.stop="doThis"></a>
<form v-on:submit.prevent="onSubmit"></form>
<a v-on:click.stop.prevent="doThat"></a>
<form v-on:submit.prevent></form>
<div v-on:click.capture="doThis">...</div>
<div v-on:click.self="doThat">...</div>
<a v-on:click.once="doThis"></a>
按键修饰符
在监听键盘事件时,我们经常需要监测常见的键值。
Vue 允许为 v-on 在监听键盘事件时添加按键修饰符:
<input v-on:keyup.13="submit">
<input @keyup.enter="submit">
.enter
.tab
.delete (捕获 “删除” 和 “退格” 键)
.esc
.space
.up
.down
.left
.right