vuex store刷新存儲狀態

app.vue

平時不想把信息存到session裏，只有迫不得已的時候才準備存

<script>
export default {
    name: 'App',
    created() {
        //刷新不丟失store狀態
        //在頁面加載時,讀取sessionStorage裏的狀態信息
        if (sessionStorage.getItem('userinfo')) {
            this.$store.replaceState(Object.assign({}, this.$store.state, JSON.parse(sessionStorage.getItem('userinfo'))));
        }

        //在頁面刷新時,將vuex裏的信息保存到sessionStorage裏
        window.addEventListener('beforeunload', () => {
            sessionStorage.setItem('userinfo', JSON.stringify(this.$store.state));
        });
    }
};
</script>