Vue Keep-Alive-更改路线时，App Header不会保持活动状态

Question

我将vue应用程序的主页定义如下：

<div class="wrapper">
    <keep-alive>
      <app-header></app-header>
    </keep-alive>
    <router-view></router-view>
</div>

<script>
import appHeader from '../components/Header';

export default {
  components: {
    appHeader
  }
/* etc... */
}

我的应用程序UI基本上是从此组件开始的，具有许多不同的路由和子路由路径以显示许多页面，但是在所有页面（组件）中，我想在页面顶部显示应用程序标题。 / p>

问题是我最近注意到，单击每个按钮（将vue-router的路由更改为另一个页面）后，将重新创建应用程序标头（调用了created（）生命周期挂钩函数）

我真的不明白为什么，因为我添加了保持活动状态，所以不应该渲染一次吗？

请帮我解决这个问题，我被困住了，我从字面上研究了整个互联网。

请注意！我不希望路由保持活动，只有应用程序标头本身

预先感谢