uniapp引入vuex-persistedstate插件实现vuexs数据持久化

背景

使用vuex时全局状态在app重启后初始化，有些业务数据希望重新启动时依然有效。我们可以自己写代码把vuex的数据保存在缓存里，重启时读取缓存数据，也可以通过这个插件帮助你实现这个功能。

引入

右键命令行打开项目，执行引入

npm install --save vuex-persistedstate

在store引入插件，并制定get,set方法

import Vue from 'vue'
import Vuex from 'vuex'
import createPersistedState from "vuex-persistedstate";

Vue.use(Vuex)

export default new Vuex.Store({
	plugins: [
		CreatePersistedState({
			storage: {
				getItem: key => uni.getStorageSync(key),
				setItem: (key, value) => uni.setStorageSync(key, value),
				removeItem: key => uni.removeStorageSync(key)
			}
		})
	],
	state: {
		//
	},
	mutations: {
		//
	},
	actions: {
		//
	},
	modules: {
	
	}
})