vue刷新页面的三种方式

方式一：

location.reload()

方式二：

在需要刷新的地方直接使用vue的路由跳转

this.$router.go(0)

方式三：（推荐此方式，因为此方法不会出现短暂闪烁的空白页）

第一步：App.vue页面

<template>
  <div id="app">
    <div class="container">
      <router-view v-if="isRouterAlive"></router-view>
    </div>
  </div>
</template>

<script>
export default {
  name: 'App',
  provide () {    //父组件中通过provide来提供变量，在子组件中通过inject来注入变量                                        
      return {
          reload: this.reload                                              
      }
  },
  data(){
    return{
      isRouterAlive: true
    }
  },
  methods:{
    reload(){
      this.isRouterAlive = false;
      this.$nextTick(function(){
        this.isRouterAlive = true;
      })
    }
  }

}
</script>

第二步：在需要刷新的页面导入并使用

export default {
    inject:['reload'],
    //需要刷新的地方引入即可，比如下面的方法
    methods:{
        testHandler(){
            this.reload();
        }
    }

}