Vue 路由器 keep-alive 和挂载行为

Question

在开始使用 <keep-alive> 之前，我在 mounted() 方法中有一些逻辑。例如：document.title = this.title。现在标题仅在第一次加载时更改。

我可以监听路由变化，但是当你登陆页面时它不会工作。

在 <keep-alive> 中检测另一个组件加载的正确方法是什么？

Answer 1

将您的逻辑移至 activated 生命周期挂钩，每当激活保持活动组件时调用它。

例如：

new Vue({
  ...
  activated: function() {
    document.title = this.title;
  },
  ...
});

Vue router keep-alive and mounted behavior