vuex中利用缓存解决刷新state数据丢失问题

在使用vuex的过程中，经常会遇到刷新页面时state中数据丢失，此时可以利用本地缓存解决

注意：
实例代码为uniapp项目，可以将缓存方法转换为原生

//在index.js中
state: {
    
	userInfo: null
},
getters:{
    
	userInfo(state) {
    
		if(!state.userInfo){
    
			state.userInfo = uni.getStorageSync('userInfo');
		}
		return state.userInfo
	}
},
mutations: {
    
	setUserInfo(state,data) {
    
		state.userInfo = data;
		uni.setStorageSync('userInfo',data);
	}
},

// 在组件中state和getters中都可以拿到
computed:{
    
	...mapGetters(['userInfo']);
	...mapState(['userInfo']);
},

注意
自己在使用vuex中遇到的坑：
vuex官方文档： https://vuex.vuejs.org/zh/

1. data中的属性与computed中的属性不可以重名,
   但是state和getters中的属性可以重名，互不干涉。
2. 页面要使用的vuex数据较多时，可以多多使用…mapState,…mapGetters等等
3. 待更新