vue路由不变的情况下，如何实现刷新页面

provide / inject 的方式

这种方式，就是让通过 provide 让 App.vue 为所有子孙页面注入一个 reload 的方法，然后在需要使用的页面，通过 inject 注入即可

• App.vue

<template>
  <div id="app">
    <router-view v-if="isRouterAlive"></router-view>
  </div>
</template>
 
<script>
export default {
  name: "App",
  provide() {
    return {
      reload: this.reload
    };
  },
  data() {
    return {
      isRouterAlive: true
    };
  },
  methods: {
    reload() {
      this.isRouterAlive = false;
      this.$nextTick(function() {
        this.isRouterAlive = true;
      });
    }
  }
};
</script>

• 子页面

export default {
    name: 'children',
    inject: ['reload'],
    data(){
        return {}
    }
    methods: {
        reload(){
            //在axios成功的回调里面
            this.reload();
        }
    }
}