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

<script>
    export default {
    name: 'App',
    created () {
        //在页面加载时读取sessionStorage里的状态信息
        if (sessionStorage.getItem("sta_client_store") ) {
            this.$store.replaceState(Object.assign({}, this.$store.state,JSON.parse(sessionStorage.getItem("sta_client_store"))))
        } 

        //在页面刷新时将vuex里的信息保存到sessionStorage里
        window.addEventListener("beforeunload",()=>{    
            sessionStorage.setItem("sta_client_store",JSON.stringify(this.$store.state))
        }) 
    }
    }
</script>

<style>
#app{    
}
    @import "./assets/css/main.css";    
    /* @import "./assets/css/color-dark.css";      */
    /*深色主题*/
    @import "./assets/css/theme-green/color-green.css";   
    /* 浅绿色主题 */

</style>