如何实现VUEX数据持久化，刷新页面后仍能重新获取数据？

本文共计193个文字，预计阅读时间需要1分钟。

javascriptVUEX 数据持久化配置// store.jsgetters: { userInfo: (state)=> { console.log('getters', state); if (!state.userInfo.id) { let token=getStorage('token'); console.log('token', token); if (token) { let userInfo=getStorage('userInfo'); // 这里假设使用 userInfo 替换 state.use state.userInfo=userInfo; } } }}

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 数据持久化,刷新后重新获取的例子就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持易盾网络。