vue全局刷新功能

//1、provide广播机制，就是谁都可以调用
<template>
  <div id="app">
    <keep-alive>
      <router-view v-if="isRouterAlive"></router-view>
    </keep-alive>
  </div>
</template>

<script>
export default {
  name: 'App',
  data() {
    return {
      isRouterAlive:false
    }
  },
  provide() {
    return {
      reload: this.reload
    }
  },
  methods:{
    reload() {
      this.isRouterAlive = true
      // $nextTick()  在所有DOM都加载完成后调用
      this.$nextTick(() => this.isRouterAlive = true)
    }
  }
}

//在组件中调用
//inject 与 provide配套使用
inject:['reload'],
//使用this.reload()调用即可实现
this.reload()
</script>