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

<script>
    export default {
        name: 'app',
        components: {},
        provide (){
            return {
                reload: this.reload
            }
        },
        data (){
            return {
                isRouterAlive: true
            }
        },
        methods: {
            reload () {
                this.isRouterAlive = false;
                this.$nextTick(function(){
                    this.isRouterAlive = true;
                })
            }
        },
    }
</script>

<style lang="scss">
    body {
        margin: 0px;
        padding: 0px;
        font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, SimSun, sans-serif;
        font-size: 14px;
        -webkit-font-smoothing: antialiased;
        background: #fff;
    }

    #app {
        position: absolute;
        top: 0px;
        bottom: 0px;
        width: 100%;
        background: #fff;
    }
</style>