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

    //在頁面刷新時將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，若有重復的數(shù)據(jù)，則覆蓋。其中...表示可以多個source。
    JSON.stringify()  用于將對象轉(zhuǎn)為 JSON
    JSON.parse()   用于將 JSON 轉(zhuǎn)為對象

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

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

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

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

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

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