强制刷新页面

//app.vue
//父组件
<template>
  <div id="app">
    <router-view v-if="isRouterAlive" />
  </div>
</template>
<script>
export default {
  data(){
    return {
      isRouterAlive:true
    }
  },
  methods: {
    // 重新加载
    reload() {
      this.isRouterAlive = false;
      // $nextTick 可以获取最新的dom数据
      this.$nextTick(function () {
        this.isRouterAlive = true;
      });
    },
  },
  // 父级组件return 一个所有子组件可用的函数
  provide() {
    return { reload: this.reload };
  },
};
</script>

//子组件
inject: ["reload"],//注入依赖
this.reload();//直接调用