vue中的指令passive是用來解決觸摸事件滾動卡頓的問題的。當頁面中有大量的滾動操作時，會觸發瀏覽器的慣性滾動，而這個滾動時非常耗費性能的。通過給指令passive傳入true，可以告訴瀏覽器，我不會阻止默認事件，你可以放心地滾動了。這樣做可以大大提高頁面的滑動流暢度。

<div v-bind:class="{ active: isActive }"
v-on:click.passive="doSomething"></div>

在使用指令passive時，需要注意的是此指令只在觸摸事件中才有效，在鼠標事件中無效。同時，passive指令不支持事件修飾符，如.stop, .prevent, .capture等等。在事件流的過程中，無論如何都需要先執行passive，在執行其他修飾符。

<div v-bind:class="{ active: isActive }"
v-on:touchstart.passive.prevent="doSomething"></div>

除了passive指令，vue還提供了其他的指令來優化滾動性能，如：debounce和throttle指令。debounce的作用是防抖，即在一定時間內只執行一次操作。throttle的作用是節流，即在一定時間間隔內多次操作只執行一次。這兩個指令可以根據實際需求進行選擇，以達到更好的性能優化效果。

<div v-bind:class="{ active: isActive }"
v-on:touchmove.passive.throttle="doSomething"></div>