Vue activated 生命周期挂钩

示例

使用activated生命周期钩子每次都会记录activated钩子被调用。

export default {
  mounted() {
    console.log("mounted");
    const liEl = document.createElement("li");
    liEl.innerHTML = "mounted";
    this.$refs.olEl.appendChild(liEl);
  },
  activated() {
    console.log("activated");
    const liEl = document.createElement("li");
    liEl.innerHTML = "activated";
    this.$refs.olEl.appendChild(liEl);
  }
}

运行示例 »

定义和用法

这个activated当缓存的组件插入到 DOM 中时，生命周期钩子就会运行。

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

缓存组件创建后，可以多次从 DOM 中插入和删除，并且每次将这样的缓存组件插入到 DOM 中时，activated调用生命周期钩子。

笔记：之间的区别activated和mounted钩子是mounted当已存在的缓存组件插入到 DOM 中时，不会调用钩子。

码农教程 - 一技在手,衣食无忧!

Vue activated 生命周期挂钩

示例

定义和用法

相关页面