Vue项目实战总结（七 页面刷新）

全局刷新

window.location.reload();

局部刷新
用于页面分区域后某一区域修改数据后的刷新

父组件

<router-view v-if="isRouterAlive" ></router-view>

export default {
  provide() {
    return {
      reload: this.reload
    };
  },
  data() {
    return { isRouterAlive: true};
  },
  methods: {
    reload() {
      this.isRouterAlive = false;
      this.$nextTick(function() {
        this.isRouterAlive = true;
      });
    }
  }

子组件
通过inject调用

inject: ["reload"],

需要执行的地方直接调用方法

this.reload()