vue location刷新页面

在Vue中，可以使用provide/inject来实现页面刷新。首先，在根组件中，比如App.vue，可以定义一个provide方法，返回一个包含reload方法的对象。reload方法用于刷新页面。然后，在需要刷新页面的组件中，使用inject来获取reload方法，并在需要刷新的时候调用该方法。具体代码如下所示：

在App.vue中：

<template>
  <div id="app">
    <router-view v-if="isRouterAlive"/>
  </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>

在需要刷新页面的组件中：

<template>
  <div>
    <button @click="refreshPage">刷新页面</button>
  </div>
</template>

<script>
export default {
  name: 'MyComponent',
  inject: ['reload'],
  methods: {
    refreshPage() {
      this.reload()
    }
  }
}
</script>

这样，当点击"刷新页面"按钮时，会调用App.vue中的reload方法，从而实现页面的刷新。