Vue 'deactivated' 生命周期钩子
示例
使用 deactivated 生命周期钩子来记录每次调用 deactivated 钩子时的信息。
export default {
data() {
return {
hookLog: []
}
},
deactivated() {
console.log("deactivated")
this.hookLog.push("deactivated");
}
}
定义和用法
当缓存的组件从 DOM 中移除但未销毁时，deactivated 生命周期钩子就会运行。
使用内置的 <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' 生命周期钩子
