解決 Vue 刷新頁面后 store 數據丟失的問題

原來的狀態（頁面刷新數據會重置）

state: {
    teamA: '主隊'
},
mutations: {
    data_teamA(state, x) {
        state.teamA = x
    }
},

 

 

解決后（頁面刷新保留store數據）

state: {
    teamA: JSON.parse(sessionStorage.getItem("teamA")) || '主隊'
},
mutations: {
    data_teamA(state, x) {
        sessionStorage.setItem('teamA', JSON.stringify(x))
        state.teamA = x
    }
},