v-on:eventName 綁定事件

    簡(jiǎn)寫(xiě) @click

<button @click="isClick">按鈕</button>

事件修飾符

對(duì)應(yīng)原生JS

• .prevent阻止默認(rèn)事件-----.preventDefault
• .stop阻止事件冒泡 ----- .stopPropagation
• .capture 事件在捕獲階段觸發(fā) ----- addEventListener('click',function(){},true)中的第三個(gè)參數(shù)為true
• .self 點(diǎn)擊的元素是注冊(cè)事件的元素本身才能夠觸發(fā)該事件,類似阻止事件傳播
• .once 事件只觸發(fā)一次
• .passive 滾動(dòng)事件將立即直行,可提高性能,在移動(dòng)端效果較好

按鍵修飾符

• .enter 當(dāng)按下enter鍵時(shí)才會(huì)觸發(fā)事件

<input type="text" @keyup.enter="keyEvent">

• .ctrl 當(dāng)按下ctrl鍵時(shí)才觸發(fā)
• .exact 有且只有一個(gè)鍵被按下時(shí)才觸發(fā),同時(shí)按下多個(gè)鍵時(shí)不觸發(fā)