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

VUEX数据持久化//store.jsgetters:{userInfo(state){console.log('getters',state);if(!state.userInfo.id){lettoken=getSt

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