前言
Vue 還對應 addEventListener 中的 passive 選項提供了 .passive 修飾符。
<!-- 滾動事件的默認行爲 (即滾動行爲) 將會立即觸發 -->
<!-- 而不會等待 `onScroll` 完成 -->
<!-- 這其中包含 `event.preventDefault()` 的情況 -->
<div v-on:scroll.passive="onScroll">...</div>
這個 .passive 修飾符尤其能夠提升移動端的性能。
passive
一個布爾值,如果爲真,則表示偵聽器指定的函數將永遠不會調用preventDefault()。如果被動偵聽器確實調用了preventDefault(),只會有一個控制檯警告。
視頻例子
https://youtu.be/65VMej8n23A