vue中的事件修饰符

hello大家好呀！Vue.js为指令v-on提供了多个修饰符，方便我们处理一些DOM事件的细节，并且修饰符可以串联使用。主要的修饰符如下：
.stop :等同于调用event.stopPropagation()。
.prevent :等同于event.preventDefault()。
.capture :使用capture模式添加事件监听器。
.self :只当事件是从监听元素本身触发时才触发回调。
使用方法如下：

<a v-on:click.stop = 'doThis'></a>
<form v-on:submit.prevent = 'onSubmit'></form> //阻止表单默认提交事件
<form v-on:submit.stop.prevent = 'onSubmit'></form> //阻止默认提交事件且阻止冒泡
<form v-on:submit.stop.prevent></form> //也可以只有修饰符，并不绑定事件

除了事件修饰符之外，v-on还提供了案件修饰符，方便我们监听键盘事件中的按键。例如：

<input v-on:keyup.13 = 'submit'/> //监听input的输入，当输入回车时触发submit函数（回车的keycode值为13），用于处理常见的用户输入完直接按回车键提交）

Vue.js给一些常用的按键名提供了别称，这样就省去了一些记keyCode的事件。全部按键别名为：enter、tab、delete、esc、space、up、down、left、right。例如：

<input v-on:keyup.enter = 'submit'/>