Vue框架提供了非常方便的方式去操作 DOM。在一個組件被從 DOM 中移除時，我們有時需要對其進行清理操作。這時，我們可以使用 Vue 提供的窗體卸載事件進行處理。

Vue.component('example', {
mounted: function () {
window.addEventListener('beforeunload', this.doSomething);
},
beforeDestroy: function () {
window.removeEventListener('beforeunload', this.doSomething);
},
methods: {
doSomething: function () {
console.log('window is unloading!');
}
}
})

上面的代碼演示了如何在組件掛載時添加 `beforeunload` 事件的監聽器，以及在組件銷毀時移除該事件的監聽器。此時的監聽器會在窗體卸載時觸發 `doSomething` 方法。

正確使用窗體卸載事件的一些注意事項：

• 盡量不要阻止窗體卸載事件的默認行為，這可能會導致瀏覽器無法正常卸載。
• 在開發過程中，可以使用 `console.log` 或者 `alert` 等方式來驗證監聽器是否被正確移除。
• 對于非常耗時的任務，應該在進入組件時創建一個異步任務，并且可能需要在窗體卸載事件中手動清理。

總之，Vue 的窗體卸載事件非常靈活，可以讓我們方便地清理組件相關的事件或者其他內容。開發時需要注意該事件的正確使用方式。