一、基本使用
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
- 文章阅读量133
评论(0)