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' 生命周期钩子
