Vue中使用vuex在页面刷新之后状态不丢失的解决方法

const store = new Vuex.Store({ // 定义状态

            myInfo: JSON.parse(localStorage.getItem("myInfo")) || {}, //这里使用JSON.parse是因为我localStorage中保存的是一个对象字符串 },

//修改状态 mutations:{

setInfo(state,info){

       localStorage.setItem('myInfo', JSON.stringify(info)); //将传递的数据先保存到localStorage中

        state.myInfo = info;// 之后才是修改state中的状态

},

}, }) export default store

把它放到localStorage里面就可以啦。但是要注意退出登录时清除localStorage.setItem("myInfo"，"")。下一次来的时候重新覆盖。