场景：

在做身份证正反面上传模块时，将后端传过来的身份证各个信息保存至sessionstorage中，在另一个表单页面通过调取sessionstorage反显在页面上。

问题：

通过this.$router.push()跳转后，页面依然显示上一次sessionstorage中的值，只有刷新了页面才能显示正确的新的值。

在组件钩子函数中调用方法刷新页面，但测试发现这个钩子没有被调用。原因在于App.vue中使用了 < keep-alive > 。

keep-alive是Vue的内置组件，能在组件切换过程中将状态保留在内存中，防止重复渲染DOM。这就是问题所在了。

在需要刷新的页面用watch实现
watch: {
  $route () {
    /**
      * 跳转到本页面需要执行的操作  
      * to do……
      */
  }
}

created()：在创建vue对象时，当html渲染之前就触发；但是注意，全局vue.js不强制刷新或者重启时只创建一次，也就是说，created()只会触发一次；

activated()：在vue对象存活的情况下，进入当前存在activated()函数的页面时，一进入页面就触发；可用于初始化页面数据等