Vue 'deactivated' 停用生命周期钩子
示例
使用 deactivated 停用生命周期钩子在每次调用 deactivated 钩子时进行记录。
export default {
data() {
return {
hookLog: []
}
},
deactivated() {
console.log("deactivated")
this.hookLog.push("deactivated");
}
}
定义和用法
当缓存的组件从 DOM 中删除但未销毁时，deactivated 生命周期钩子就会运行。
使用内置 <KeepAlive> 组件来缓存组件。
创建缓存组件后，可以多次将其插入 DOM 并从 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' 生命周期钩子
