uniapp使用store + 持久化存储

收藏

一、基本使用

1.1 main.js引入store文件

import store from './store/index.js'
const app = new Vue({
	store,
  ...App
})

1.2 新建store/index.js

import Vue from 'vue'
import Vuex from 'vuex'
Vue.use(Vuex);

const store = new Vuex.Store({
	state:{
		a:1
	},
	getters:{
		
	},
	mutations:{
		
	},
	actions:{
		
	}
})
export default store

当然可以和vue一样,可以用modules

二、持久化存储

2.1 安装插件

npm install vuex-persistedstate

2.2 配置使用

import Vue from 'vue'
import Vuex from 'vuex'

Vue.use(Vuex);

import createPersistedState from 'vuex-persistedstate' // 引入数据持久化插件

const store = new Vuex.Store({
	state:{
		a:1
	},
	mutations:{
		
	},
	actions:{
	
	},
	plugins: [
		createPersistedState({
			storage: { // 存储方式定义  
				getItem: (key) => uni.getStorageSync(key), // 获取  
				setItem: (key, value) => uni.setStorageSync(key, value), // 存储  
				removeItem: (key) => uni.removeStorageSync(key) // 删除  
			}
		})
	]
})
export default store


评论(0

您还未登录,请先去登录
表情

相关作者

  • 获取点赞0
  • 文章阅读量133

相关文章

暂无相关文章

联系小鹿线

咨询老师

咨询老师

扫码下载APP