小编给大家分享一下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数据持久化如何实现刷新后重新获取的例子”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注天达云行业资讯频道!