在Vue中，我們可以使用v-on指令來為HTML元素綁定事件。比如，可以使用v-on:click來監聽鼠標點擊事件。然而，在某些情況下，我們可能會需要取消這些事件的默認行為，而Vue為我們提供了方便的方法來實現這一點。
在上面的代碼片段中，我們綁定了一個onClick方法到按鈕的點擊事件上。這個方法會在按鈕被點擊時調用。如果我們想取消該按鈕的默認行為，比如阻止頁面自動滾動，我們需要在方法中使用event.preventDefault()方法。
methods: {
onClick(event) {
event.preventDefault();
// 其他邏輯
}
}在上述代碼中，我們使用event對象來調用preventDefault()方法來防止按鈕的默認行為。這個方法可以防止頁面自動滾動或禁止表單提交等默認行為。
當然，Vue還提供了一種更加便捷的方式來實現取消事件的原有行為，即使用v-on指令的.passive修飾符。.passive修飾符是針對滾動監聽的性能優化而引入的，它告訴瀏覽器，事件處理函數不會調用preventDefault()方法，可以更加優化的處理滾動性能。
上述代碼中，我們在v-on:click后添加了.passive修飾符，告訴瀏覽器我們不會調用preventDefault()方法。這樣做有助于提高頁面的性能，但在需要取消默認行為的情況下，我們仍然需要手動調用preventDefault()方法。
總之，在Vue中取消事件的默認行為是十分簡單的，我們可以通過event.preventDefault()方法或使用.passive修飾符來實現。根據具體需求，我們可以選擇使用不同的方式來取消默認行為，來實現更好的性能表現。