Vuex商店价值更新未反映

Question

我正在使用商店变量并对其进行更新，但是当我刷新页面时，数据变为空

我已经定义了一个变量，并尝试将其用作“ this.state.userInfo”

export default new Vuex.Store({
    state: {
        status: '',
        token: localStorage.getItem('token') || '',
        userInfo: {}
    },
    actions: {
        login () {
            this.state.userInfo = "John"
        },
        autoLogin () {
            const userInfo = this.state.userInfo
        }
  }
})

this.state.userInfo应该更新，但是当我刷新页面时它反映出一个空值。