vue跳转页面不刷新的问题

问题：跳转页面的时候，如果是之前打开过的页面，就会保持着上次跳转的状态不更新

原因：vue-router的切换不同于传统的页面切换，而是路由之间的切换，其实就是组件之间的切换，引用相同组件的时候，会直接调用缓存而不会调用created()，mounted()函数。

解决方法:

第一种：在watch中监听路由变化

//监听函数
watch: {
    '$route' () {
      this.initData();//我的初始化方法
    }
  },

对router进行监控，当router发生变化时，执行初始化界面方法

第二种：给router-view添加唯一key

<router-view :key="key"></router-view>

  computed: {
    key() {
      return this.$route.path + Math.random();
    }
  },

增加一个不同:key值，这样vue就会识别这是不同的<router-view>了。