【在某組件中添加如下鉤子函數(shù)。比如 App.vue中】
created() {
    //在頁面加載時(shí)讀取localStorage里的狀態(tài)信息
    if (localStorage.getItem("store") ) {
        this.$store.replaceState(Object.assign({}, this.$store.state,JSON.parse(localStorage.getItem("store"))))
    }

    //在頁面刷新時(shí)將vuex里的信息保存到localStorage里
    window.addEventListener("beforeunload",()=>{
        localStorage.setItem("store",JSON.stringify(this.$store.state))
    })
}


注：
    this.$store.replaceState()  用于替換 store 的信息（狀態(tài)合并）。
    Object.assign(target, ...source)  將source的值 賦給 target，若有重復(fù)的數(shù)據(jù)，則覆蓋。其中...表示可以多個(gè)source。
    JSON.stringify()  用于將對(duì)象轉(zhuǎn)為 JSON
    JSON.parse()   用于將 JSON 轉(zhuǎn)為對(duì)象

一個(gè)暴力的解決思路，在Login.vue中 直接將上一個(gè)用戶緩存的信息給刪除。
此時(shí) localStorage 沒有了上個(gè)用戶的信息。
【Login.vue】
created() {
    // 進(jìn)入畫面前，移除主頁面保存的 state 信息
    localStorage.removeItem("store")
}

然后只在Main組件刷新時(shí) 使用 localStorage 記錄信息。
【Main.vue】
created() {
    //在頁面加載時(shí)讀取localStorage里的狀態(tài)信息
    if (localStorage.getItem("store") ) {
        this.$store.replaceState(Object.assign({}, this.$store.state,JSON.parse(localStorage.getItem("store"))))
    }

    //在頁面刷新時(shí)將vuex里的信息保存到localStorage里
    window.addEventListener("beforeunload",()=>{
        localStorage.setItem("store",JSON.stringify(this.$store.state))
    })
}

【在某組件中添加如下鉤子函數(shù)。比如 App.vue中】
created() {
    //在頁面加載時(shí)讀取sessionStorage里的狀態(tài)信息
    if (sessionStorage.getItem("store") ) {
        this.$store.replaceState(Object.assign({}, this.$store.state,JSON.parse(sessionStorage.getItem("store"))))
    }

    //在頁面刷新時(shí)將vuex里的信息保存到sessionStorage里
    window.addEventListener("beforeunload",()=>{
        sessionStorage.setItem("store",JSON.stringify(this.$store.state))
    })
}

localStorage.removeItem(key)       清除一條數(shù)據(jù)
localStorage.clear()               清除全部的數(shù)據(jù)