vue项目刷新当前页面

1.跳转到一个空白页，空白页再跳回当前页，只会地址栏有个快速的切换的过程，不会白屏

2.将created（）或mounted（）函数中执行获取数据的方法放到activated（）函数中，activated（）函数：每次页面加载就会执行该函数，同时该函数也可以获取到路由传递过来的参数

3.在app.vue内的

<template>
  <div id="app">
      <router-view v-if="reloadPage" />
  </div>
</template>

<script>
export default {
  name: "App",
  provide(){
    return {
      reload:this.reload
    }
  },
  data(){
    return {
      reloadPage:true
    }
  },
  methods:{
    reload(){
      this.reloadPage=false
      this.$nextTick(function(){
        this.reloadPage=true
      })
    }
  }
};
</script>

然后在需要刷新当前页面的页面内

export default{
    inject:['reload'],
    name:'page',
    data(){},
    methods:{
        this.reload()
    }
}