Vue的v-on注册事件

v-on

  v-on主要是用于给页面的dom元素注册事件。

• 缩写：@
• 预期：Function | Inline Statement
• 参数： event (required)
• 修饰符：

参数	使用说明
.stop	调用event.stopPropagation()
.prevent	调用event.preventDefault()
.capture	在capture模式下追加事件
.self	只有在事件从该元素发出时才触发处理程序
.{keyCode | keyAlias}	只在某些键上触发处理程序

官方使用举例

<!-- method handler -->
<button v-on:click="doThis"></button>
<!-- inline statement -->
<button v-on:click="doThat('hello', $event)"></button>
<!-- shorthand -->
<button @click=