vue中的事件修飾符

1.stop

阻止事件冒泡

2.prevent

阻止預設事件發生

3.capture

當元素髮生冒泡時，先觸髮帶有該修飾符的元素。若有多個該修飾符，則由外而內觸發。 

4.passive

不攔截預設事件，每次事件產生，瀏覽器都會去查詢一下是否有preventDefault阻止該次事件的預設動作。我們加上passive就是為了告訴瀏覽器，不用查詢了，我們沒用preventDefault阻止預設動作。

這裡一般用在滾動監聽，@scoll，@touchmove 。因為滾動監聽過程中，移動每個像素都會產生一次事件，每次都使用內核線程查詢prevent會使滑動卡頓。我們通過passive將內核線程查詢跳過，可以大大提升滑動的流暢度。

5.self

加了self元素的事件，只有自身觸發才會執行回調，不執行冒泡過來的事件。

6.once

只觸發一次回調

7.native

監聽組件根元素的原生事件，在父組件中給子組件綁定一個原生的事件，不加'. native'事件是無法觸 發，可理解為把一個vue組件轉化為一個普通的HTML標簽，並且該修飾符對普通HTML標簽是沒有任何作用。