在Vue開發中，為元素綁定事件是十分常見的操作，可以通過v-on指令來實現。但有時候，我們需要取消事件綁定，這時候就需要使用到Vue提供的$off方法。

對于元素的事件綁定，Vue支持全局和局部的事件綁定。在使用$on綁定事件時，可以傳入一個可選參數options，這個參數控制了事件綁定的范圍和性質。如果不傳入options參數，那么事件將被綁定在當前組件實例的根元素上。如果傳入了options參數，那么事件將被綁定在在指定的元素上。

Vue.prototype.$on(eventName, callback)this.$on(eventName, callback, options)

在取消事件綁定時，我們可以使用$off方法，這個方法接受一個事件名稱和回調函數作為參數。如果不傳入任何參數，那么所有事件綁定將被取消。這個方法和$on方法一樣，也支持全局事件和局部事件。如果使用局部事件綁定，那么要在組件實例上調用$off方法。

Vue.prototype.$off(eventName, callback)
this.$off(eventName, callback)

除了傳遞事件名稱和回調函數，我們還可以傳遞一個可選的options參數，這個參數可以用于控制事件的取消。這個參數可以是布爾值或者是一個對象。如果是布爾值，那么它的作用是告訴Vue是否在捕獲階段取消事件綁定。如果是對象，那么可以控制事件的取消范圍和性質。

document.body.$off('click')document.body.$off('click', { capture: true, stopPropagation: true })document.body.$off('click.namespace')document.body.$off('click', callback)

需要注意的是，在取消事件綁定之前，需要保證事件的存在。如果在還沒有綁定事件的情況下，使用$off方法取消事件綁定，Vue不會做出任何動作，也不會報錯。

在開發中，我們可以根據需要動態地綁定和取消事件，來實現不同的交互效果和業務邏輯。通過Vue提供的$on和$off方法，我們可以方便地實現事件綁定和取消，提高開發效率，減少代碼量，確保代碼的質量和可維護性。