Vue之修饰符

 修饰符
在上例使用的 event.pr巳ventDefault（）也可以用 Vue 事件的修饰符来实现，在＠绑定的事件后加 小圆点“．”，再跟一个后缀来使用修饰符。 Vue 支持以下修饰符：
• .stop 
• .prevent 
• .capture 
• .self 
• .once 
具体用法如下：
＜ ！一阻止单击事件冒泡 一〉 
<a @click.stop=”handle"></a> 
〈！一提交事件不再重载页面 一〉
 <form @submit.prevent="handle”></form> 
〈 ！一修饰符可以串联一〉 
<a @click.stop.prevent=”handle”></a> 
〈 ！一只有修饰符一〉
<form @submit . prevent></form> 
〈 ！一添加事件侦听器时使用事件捕获模式一〉 
<div @click. capture=”handle ” > ... </div> 
〈 ！一只当事件在该元素本身（而不是子元素） 触发时触发回调一〉
 <div @click.self=”handle”> ... </div> 
＜ ！一只触发一次，组件同样适用一〉 
<div @click.once=”handle”> ... </div> 
在表单元素上监昕键盘事件时，还可以使用按键修饰符，比如按下具体某个键时才调用方法：
＜ ！一只有在 keyCode 是 13 时调用 vm . submit （）一〉 <input @keyup.13＝“ submit”〉