在vue-cli工程中如何实现无痕刷新？

原理：

先在全局组件注册一个方法，用该方法控制router-view的显示与否，然后在子组件调用。

步骤：

1. v-if控制<router-view></router-view>的显示。
2. provide：全局注册方法。
3. methods：设置reload方法。

第一步

在app.vue里面设置，

<template>
    <div id="app">
            <router-view v-if="isRouterAlive"></router-view>
    </div>
</template>
<script>
export  default {
    provide(){
        return{
                reload:this.reload
        }
    },
    data(){
        return {
                isRouterAlive:true
        }
    },
    methods:{
        reload(){
            this.isRouterAlive = false;
            this.$nextTick(function(){
                this.isRouterAlive = true;
            })
        }
    }
}
</script>

在test.vue组件中使用，先用inject注册，然后即可通过this调用。

<script>
export  default{
    inject:['reload'],
    mounted(){
        this.reload();
    }
}
</script>