解决 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
    }
},