Vue 'unmounted' 生命週期鉤子
示例
使用 unmounted
生命週期鉤子,在元件從 DOM 中移除時建立警報。
<script>
export default {
unmounted() {
alert("The component is removed (unmounted)!");
}
}
</script>
執行示例 »
定義和用法
當元件被從 DOM 中移除後,會呼叫 unmounted
生命週期鉤子。
此鉤子可用於移除事件監聽器或取消計時器或間隔。
注意: 在上面的示例中,警報框在我們看到元件已從 DOM 中移除之前就會出現。這是因為首先元件從 DOM 中移除,然後警報出現,最後,當您在警報框中單擊“確定”時,瀏覽器將呈現不包含該元件的頁面。
相關頁面
Vue 教程:Vue 生命週期鉤子
Vue 教程:'unmounted' 鉤子
Vue 參考:Vue 'beforeUnmount' 生命週期鉤子