index.js 2.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566
  1. import Vue from 'vue'
  2. import Vuex from 'vuex'
  3. import config from "../common/config.js" // 全局配置文件
  4. Vue.use(Vuex)
  5. let lifeData = {};
  6. try {
  7. // 尝试获取本地是否存在lifeData变量,第一次启动APP时是不存在的
  8. lifeData = uni.getStorageSync('lifeData');
  9. } catch (e) {
  10. }
  11. // 需要永久存储,且下次APP启动需要取出的,在state中的变量名
  12. let saveStateKeys = ['vuex_user', 'vuex_token', 'vuex_city'];
  13. // 保存变量到本地存储中
  14. const saveLifeData = function (key, value) {
  15. // 判断变量名是否在需要存储的数组中
  16. if (saveStateKeys.indexOf(key) != -1) {
  17. // 获取本地存储的lifeData对象,将变量添加到对象中
  18. let tmp = uni.getStorageSync('lifeData');
  19. // 第一次打开APP,不存在lifeData变量,故放一个{}空对象
  20. tmp = tmp ? tmp : {};
  21. tmp[key] = value;
  22. // 执行这一步后,所有需要存储的变量,都挂载在本地的lifeData对象中
  23. uni.setStorageSync('lifeData', tmp);
  24. }
  25. }
  26. const store = new Vuex.Store({
  27. state: {
  28. // 如果上面从本地获取的lifeData对象下有对应的属性,就赋值给state中对应的变量
  29. // 加上vuex_前缀,是防止变量名冲突,也让人一目了然
  30. vuex_user: lifeData.vuex_user ? lifeData.vuex_user : {},
  31. vuex_token: lifeData.vuex_token ? lifeData.vuex_token : '',
  32. vuex_city: lifeData.vuex_city ? lifeData.vuex_city : '',
  33. // 如果vuex_version无需保存到本地永久存储,无需lifeData.vuex_version方式
  34. vuex_version: config.vuex_version,
  35. vuex_demo: 'demo',
  36. },
  37. mutations: {
  38. $uStore(state, payload) {
  39. // 判断是否多层级调用,state中为对象存在的情况,诸如user.info.score = 1
  40. let nameArr = payload.name.split('.');
  41. let saveKey = '';
  42. let len = nameArr.length;
  43. if (len >= 2) {
  44. let obj = state[nameArr[0]];
  45. for (let i = 1; i < len - 1; i++) {
  46. obj = obj[nameArr[i]];
  47. }
  48. obj[nameArr[len - 1]] = payload.value;
  49. saveKey = nameArr[0];
  50. } else {
  51. // 单层级变量,在state就是一个普通变量的情况
  52. state[payload.name] = payload.value;
  53. saveKey = payload.name;
  54. }
  55. // 保存变量到本地,见顶部函数定义
  56. saveLifeData(saveKey, state[saveKey])
  57. }
  58. }
  59. })
  60. export default store