事件修饰符 _返回导航

<button @click.stop="doSomething">停止冒泡</button>  等同event.stopPropagation

<form @submit.prevent="doSomething">阻止默认提交</button>  这样提交表单不会刷新页面

<a @click.stop.prevent="doSomething">事件修饰符可以串联</a>  类似jQuery $element.css(...).show()

<div @click.capture="doSomething">添加事件捕获</div>  元素事件先被捕获处理，然后再交给内部元素处理

<div @click.self="doSomething">在点击自身时触发doSomething函数</div>  所以会忽略冒泡而来的事件

<button @click.once="doSomething">只会触发一次</button> 

<div @scroll.passive="doSomething">滚动即触发</div>  放行默认事件，与.prevent修饰符正好相反

注：修饰符串联时，顺序很重要！！！

---

按键修饰符

<input @keyup.13="doSomething" />  输入字符keyCode=13时触发

<input @keyup.enter="doSomething" />  输入回车：

<input @keyup.space="doSomething" />  输入space：

<input @keyup.tab="doSomething" />  输入tab：

<input @keyup.delete="doSomething" />  输入删除和退格键：

<input @keyup.aaa="doSomething" />  自定义keycode 65 = aaa，请输入a尝试：

类似的语义化修饰符还有：.esc .up .down .left .right