當Vue實例銷毀時，會觸發一系列生命周期函數，這些生命周期函數都是為了方便我們在銷毀前做一些清理工作。

methods: {
// 在組件銷毀前，解除事件綁定等操作
beforeDestroy () {
window.removeEventListener('resize', this.handleResize)
},
// 在組件銷毀后，執行自定義清理操作
destroyed () {
this.$refs.img.src = ''
}
}

beforeDestroy是一個組件的生命周期函數，它在組件銷毀前調用。在這個函數中，我們可以執行一些清理工作，比如釋放相關的事件監聽器、定時器或其他創建的對象。這可以避免某些錯誤和內存泄漏。

在beforeDestroy函數中，我們需要手動解綁事件監聽器，因為Vue并不會自動解綁。如果不手動解綁，會導致事件的混亂。在實際使用中，一般會在created函數中綁定事件監聽器，在beforeDestroy函數中解綁。

destroyed函數是組件銷毀后調用的。在這個函數中，我們可以執行一些清理工作，比如釋放某些資源或修改某些屬性。在destroyed函數中，組件的DOM元素已經被銷毀，所以我們不能再對DOM元素進行操作。

methods: {
// 組件銷毀前，取消子組件的渲染
beforeDestroy () {
this.$children.forEach(child =>{
if (child.$el.parentNode) {
child.$el.parentNode.removeChild(child.$el)
}
})
},
// 打印銷毀之前的數據
destroyed () {
console.log(this.data)
}
}

在beforeDestroy函數中，我們可以讓子組件取消渲染，避免DOM元素滯留。在destroyed函數中，我們可以打印銷毀之前的數據，以便調試和測試。

需要注意的是，在Vue實例銷毀時，只有當前實例的生命周期鉤子會被觸發，子組件不會觸發相應的鉤子函數。如果需要在父組件中捕獲子組件的銷毀事件，可以在beforeDestroy函數中手動觸發事件。

總之，Vue實例銷毀時觸發的生命周期函數是非常重要的，它們可以讓我們在銷毀前做一些必要的清理工作，避免錯誤和內存泄漏。