Vue 'deactivated' 生命週期鉤子
示例
使用 deactivated 生命週期鉤子來記錄每次呼叫 deactivated 鉤子時的情況。
export default {
data() {
return {
hookLog: []
}
},
deactivated() {
console.log("deactivated")
this.hookLog.push("deactivated");
}
}
定義和用法
deactivated 生命週期鉤子在快取元件從 DOM 中移除時執行，但並未銷燬。
元件使用內建的 <KeepAlive> 元件進行快取。
快取元件建立後，它可以多次插入和移除 DOM，每次此類快取元件從 DOM 中移除（但未銷燬）時，都會呼叫 deactivated 生命週期鉤子。
注意： deactivated 和 unmounted 鉤子之間的區別是，當快取元件從 DOM 中移除（而不被銷燬）時，只會呼叫 deactivated 鉤子。
相關頁面
Vue 教程：Vue 生命週期鉤子
Vue 教程：'activated' 鉤子
Vue 教程： 'deactivated' 鉤子
Vue 教程：'mounted' 鉤子
Vue 教程：'unmounted' 鉤子
Vue 參考：Vue 'activated' 生命週期鉤子
Vue 參考：Vue 'mounted' 生命週期鉤子
Vue 參考：Vue 'unmounted' 生命週期鉤子
