uni-app下vuex跨平台数据持久化

最新推荐文章于 2024-07-26 15:29:09 发布

jaqi.l

最新推荐文章于 2024-07-26 15:29:09 发布

阅读量635

点赞数

分类专栏： tips 文章标签： uni-app vue.js javascript

本文链接：https://blog.csdn.net/ljq547152849/article/details/127387571

版权

tips 专栏收录该内容

26 篇文章 0 订阅

订阅专栏

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