VUEX 数据持久化,刷新后重新获取的例子

VUEX 数据持久化

// store.js
getters: {
userInfo(state) {
console.log('getters',state);
if (!state.userInfo.id) {
let token = getStorage("token");
console.log('token',token);
if (token) {
let userInfo = getStorage("userInfo");
state.userInfo = userInfo.data;
}
}
return state.userInfo
}
},

注意：如果 使用this.$store.userInfo 是读取不到的，必须使用getter

// component.js
userInfo() {
return this.$store.getters.userInfo;
}

以上这篇VUEX 数据持久化,刷新后重新获取的例子就是小编分享给大家的全部内容了，希望能给大家一个参考

您可能感兴趣的文章:

• vuex页面刷新后数据丢失的方法
• Vuex持久化插件(vuex-persistedstate)解决刷新数据消失的问题
• 使用vuex解决刷新页面state数据消失的问题记录
• vuex存储复杂参数(如对象数组等)刷新数据丢失的解决方法
• vuex实现数据状态持久化