vue.js中切换界面时组件不能刷新问题

在vue.js的项目开发中，我们使用的都是组件化开发，例如头部导航和底部都是公共组件，但是在开发过程中我们会遇到一个问题，就是在头部header组件中写好的方法或者在created中获取的值，在切换界面时不会实时更新。
最近在开发过程中就遇到了这个问题，整个项目的头部header是固定的，当我登录成功之后header组件的右上角通过local Storage获取账号并显示登录者账号，退出登录时，账号不显示。但是在操作过程中却必需手动刷新才可以生效。
最后查阅资料，发现在APP.vue中这样写可以实现切换路由实时渲染界面

  <div id="app">
    <router-view v-if="isRouterAlive" :key="$route.fullPath"/>
  </div>

为router-view添加一个key