| 123456789101112131415161718192021222324252627282930313233343536373839404142434445 |
- import Vue from 'vue'
- import Vuex from 'vuex';
- import createPersistedState from 'vuex-persistedstate';
- Vue.use(Vuex)
- const state = {
- username: "",
- password: "",
- selectedEnv: 1,
- userInfo: {},
- locale: "",
- }
- const store = new Vuex.Store({
- state, /// 仓库数据本身
- plugins: [
- // 可以有多个持久化实例
- createPersistedState({
- key: 'app_config_data', // 状态保存到本地的 key
- storage: { // 存储方式定义
- getItem: (key) => uni.getStorageSync(key), // 获取
- setItem: (key, value) => uni.setStorageSync(key, value), // 存储
- removeItem: (key) => uni.removeStorageSync(key) // 删除
- }
- })
- ],
- /// 修改仓库数据的唯一方式 改变状态
- mutations: {
- selecteEnv: (state, value) => state.selectedEnv = value,
- setUserName: (state, value) => state.username = value,
- setPassword: (state, value) => state.password = value,
- setUserInfo: (state, value) => state.userInfo = value,
- setLocale: (state, value) => state.locale = value,
- clearUserInfo: (state) => state.userInfo = {}
- },
- /// 仓库中的计算属性
- getters: {},
- /// 异步修改仓库数据 最终只能还是mutations修改仓库数据
- actions: {},
- /// 模块化
- modules: {},
- });
- export default store
|