FE_bankTeaching/src/App.vue

<template>
    <div id="app" >
        <router-view></router-view>
        <vCase></vCase>
    </div>
</template>
<script>
    import vCase from '@/components/case'
    import Setting from '@/setting';
    import util from '@/libs/util';
    export default {
        name: 'App',
        components: {
                vCase
            },
        created () {
            //在页面加载时读取localStorage里的状态信息
            if (util.local.get(Setting.storeKey) ) {
                this.$store.replaceState(Object.assign({}, this.$store.state,util.local.get(Setting.storeKey)))
            } 

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