[Vue] 事件處理

v-on

• v-on:事件名稱="簡易邏輯"; e.g. v-on:click="total = total + 1"
• v-on:事件名稱="自定義事件"; e.g. v-on:click="onClick"
• v-on:事件名稱="自定義事件(傳入參數)"; e.g. v-on:click="doSomething(var1)"
• v-on:事件名稱="自定義事件(傳入參數, $event)"; $event為原生DOM事件

事件修飾符

常見的修飾符

• .stop
• 停止propogation
• event.stopPropagation()的意思

• .prevent
• 停止default event
• event.preventDefault()的意思

• .capture
• 使用capture監聽事件
• 由外而內觸發事件(預設是冒泡, 由內而外)

• .self
• 只處理單一層DOM的事件

• .once
• 只觸發一次事件

• .passive
• 被動監聽scroll

source code