Vue store refresh the page to resolve the problem of data loss

The original state (data page refresh reset)

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

 

 

After resolving (page refresh to retain store data)

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