uni-app下vuex跨平台数据持久化
uni-app下vuex跨平台数据持久化。 支持app h5 小程序
·
import getters from './getters'
import app from './modules/app.js'
import user from './modules/user.js'
import createPersistedState from 'vuex-persistedstate' // 持久化插件
// #ifndef VUE3
import Vue from 'vue'
import Vuex from 'vuex'
Vue.use(Vuex)
const store = new Vuex.Store({
plugins: [createPersistedState({ // 使用持久化插件
paths: ['app'], // 持久化部分数据
storage: {
getItem: (key) => uni.getStorageSync(key),
setItem: (key, value) => uni.setStorageSync(key, value),
removeItem: (key) => uni.removeStorageSync(key)
}
})],
modules: {
app,
user
},
getters
})
// #endif
// #ifdef VUE3
import {
createStore
} from 'vuex'
const store = createStore({
plugins: [createPersistedState({ // 使用持久化插件
paths: ['app'], // 持久化部分数据
storage: {
getItem: (key) => uni.getStorageSync(key),
setItem: (key, value) => uni.setStorageSync(key, value),
removeItem: (key) => uni.removeStorageSync(key)
}
})],
modules: {
app,
user
},
getters
})
// #endif
export default store
更多推荐
已为社区贡献3条内容
所有评论(0)