Vue uses three methods to refresh the page

location.reload();

this.$router.go(0);

<template>
    <div id="app">
    	<router-view v-if="isRouterAlive"></router-view>
	</div>
</template>
<script>
    export default {
        name: 'App',
        provide () { //Provide variables in the parent component and inject variables in the child component through inject.                                             
            return {
                reload: this.reload                                              
            }
        },
        data() {
            return {
                isRouterAlive: true //Variable that controls whether the view is displayed}
        },
        methods: {
            reload () {
                this.isRouterAlive = false; //Close first,
                this.$nextTick(function () {
                    this.isRouterAlive = true; //Open again}) 
            }
        },
    }
</script>

export default {
    inject:['reload'], //Inject the reload method in App data () {
        return {
    	.......
        }
    },