Vue deactivated 生命周期钩子

实例

每次调用停用的钩子时，使用 deactivated 生命周期钩子进行日志记录。

export default {
  data() {
    return {
      hookLog: []
    }
  },
  deactivated() {
    console.log("deactivated")
    this.hookLog.push("deactivated");
  }
}

定义与用法

当缓存的组件从 DOM 中移除但未被销毁时，deactivated 生命周期钩子就会运行。

使用内置的 <KeepAlive> 组件缓存组件。

创建缓存组件后，可以多次从 DOM 中插入和移除该组件，每次从 DOM 中移除（但未销毁）此类缓存组件时，都会调用 deactivated 生命周期钩子。

关联页面

Vue 教程: Vue 生命周期钩子

Vue 教程: activated 钩子

Vue 教程: deactivated 钩子

Vue 教程: mounted 钩子

Vue 教程: unmounted 钩子

Vue 参考引用: Vue activated 生命周期

Vue 参考引用: Vue mounted 生命周期

Vue 参考引用: Vue unmounted 生命周期