Vue的生命周期鉤子函數之一是disposed。

當Vue實例被銷毀時，會調用此函數。這個時候，Vue實例中所有的指令和監聽器都會被銷毀，所有的事件監聽器都會被移除，所有的子組件也會被銷毀。

// 使用組件的例子
<template>
<div>
<my-component v-if="showComp" />
</div>
</template>
<script>
import MyComponent from "@/components/MyComponent.vue";
export default {
components: {
MyComponent
},
data() {
return {
showComp: true
};
},
methods: {
handleClick() {
this.showComp = false; // 點擊按鈕，組件被銷毀
}
}
};
</script>

在上面的例子中，當用戶點擊按鈕時，showComp的值被設為false，my-component被銷毀。

如果在Vue實例中添加了自定義的事件監聽器或計時器，在disposed函數中需要手動移除它們，否則可能會導致內存泄漏。

// 添加計時器的例子
<template>
<div>
<p>{{time}}</p>
<button @click="startTimer">開始計時</button>
</div>
</template>
<script>
export default {
data() {
return {
time: 0,
timer: null // 定時器變量
};
},
methods: {
startTimer() {
this.timer = setInterval(() =>{
this.time++;
}, 1000);
}
},
disposed() {
clearInterval(this.timer); // 在disposed函數中清除計時器
}
};
</script>

在上面的例子中，當組件被銷毀時，定時器會被清除，避免了內存泄漏。