1、內聯方式:
A:將事件處理器綁定到一個方法中,以下所有事件都以click事件作為案例
注意:內聯方式下事件處理器只能綁定一個方法,要是想要綁定多個方法,依舊還是使用js中的addEventListener方法進行綁定
B:與原生的js類似,不僅可以綁定到一個方法上,還可以使用內聯js語句
2、點擊事件綁定的方法,在Vue實例中,存放在method屬性中
注意:methods中定義的方法內的this始終指向創建的Vue實例中
3、$event的應用:需要訪問元素DOM事件,用其傳入方法中
4、事件處理器中的修飾符
A:使用串聯
B:只有修飾符而不綁定事件
C:.prevent ==> event.prventDefault()
.stop ==> event.stopPropagation()
.capture ==> 表示添加事件偵聽器時采用capture即捕獲模式
.self ==> 表示只當事件在該元素本身(而不是子元素)觸發時觸發回調
5、按鍵事件
6、v-on變更