小编给大家分享一下VUEX数据持久化如何实现刷新后重新获取的例子，相信大部分人都还不怎么了解，因此分享这篇文章给大家参考一下，希望大家阅读完这篇文章后大有收获，下面让我们一起去了解一下吧！
成都创新互联凭借专业的设计团队扎实的技术支持、优质高效的服务意识和丰厚的资源优势，提供专业的网站策划、成都做网站、成都网站建设、网站优化、软件开发、网站改版等服务，在成都十载的网站建设设计经验，为成都1000+中小型企业策划设计了网站。
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数据持久化如何实现刷新后重新获取的例子”这篇文章的所有内容，感谢各位的阅读！相信大家都有了一定的了解，希望分享的内容对大家有所帮助，如果还想学习更多知识，欢迎关注创新互联行业资讯频道！