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: {
	
	}
})