vue不用window的方式刷新当前页面

vue项目中我们很多时候需要刷新页面，比如本地用户信息更新后，或者需要重新加载当前页面的数据时，使用window.location.reload()或者window.history.go(0)方法都是整个窗口的刷新，和h5快捷键一样，会有短暂空白出现，体验很不好，这里说两种在vue项目里使用的无感知刷新页面方法：

一、provide/inject方法

父组件中provide提供的属性可以在任何子组件里通过inject接收到，那么我们在App页面动态改变总路由的显示和隐藏来达到刷新的效果。在App页面定义一个reload方法：

App.vue

        reload() {
            this.defaultActive = false;
            this.$nextTick(() => {
                this.defaultActive = true;
            });
        }

defaulActive用于控制页面的显影:

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

provide提供子组件访问的入口:

    provide() {
        return {
            reload: this.reload
        };
    }

在