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

<script>
    import Setting from '@/setting';
    import util from '@/libs/util';
    export default {
        name: 'App',
        created () {
            //在页面加载时读取sessionStorage里的状态信息
            if (util.session.get(Setting.storeKey) ) {
                this.$store.replaceState(Object.assign({}, this.$store.state,JSON.parse(util.session.get(Setting.storeKey))))
            } 

            //在页面刷新时将vuex里的信息保存到sessionStorage里
            window.addEventListener("beforeunload",()=>{
                util.session.get(Setting.usernameKey) && util.session.set(Setting.storeKey,JSON.stringify(this.$store.state))
            })
        }
    }
</script>

<style>
    @import "./assets/css/main.css";
    /*深色主题*/
    @import "./assets/css/theme-green/color-green.css";
</style>