v-on(事件處理)

1.監聽事件

　　 v-on:click="msg+=1" (msg是寫在data里)

2.方法事件處理器

　　v-on:click = "jia" (jia是寫在methods)

3.內聯處理器方法

　　v-on:click="jia('at')" (jia是寫在methods,jia函數帶參數)

4.事件修飾符

• .stop
• .prevent
• .capture
• .self
• .once

<!-- 阻止單擊事件冒泡 -->

< 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 >

5.鍵值修飾符

v-on:keydown=“”（獲取不同鍵的鍵值）

// 可以使用 v-on:keyup.f1

Vue.config.keyCodes.f1 = 112

• .enter
• .tab
• .delete (捕獲 “刪除” 和 “退格” 鍵)
• .esc
• .space
• .up
• .down
• .left
• .right