index.js 3.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081
  1. import Vue from 'vue'
  2. import Vuex from 'vuex'
  3. import config from '../assets/http/config.js'
  4. import {
  5. api
  6. } from '../assets/http/api.js'
  7. Vue.use(Vuex)
  8. let lifeData = {};
  9. try {
  10. // 尝试获取本地是否存在lifeData变量,第一次启动APP时是不存在的
  11. lifeData = uni.getStorageSync('lifeData');
  12. } catch (e) {
  13. }
  14. // 需要永久存储,且下次APP启动需要取出的,在state中的变量名
  15. let saveStateKeys = ['vuex_audit', 'vuex_userId', 'vuex_phone', 'vuex_skin',
  16. 'vuex_theme', 'vuex_active_setting', 'vuex_isCMCC' , 'vuex_voteInterval' , 'vuex_voteOrder',
  17. 'vuex_goodsInterval', 'vuex_goodsOrder', 'vuex_gzh_userOpenid'
  18. ];
  19. // 保存变量到本地存储中
  20. const saveLifeData = function(key, value) {
  21. // 判断变量名是否在需要存储的数组中
  22. if (saveStateKeys.indexOf(key) != -1) {
  23. // 获取本地存储的lifeData对象,将变量添加到对象中
  24. let tmp = uni.getStorageSync('lifeData');
  25. // 第一次打开APP,不存在lifeData变量,故放一个{}空对象
  26. tmp = tmp ? tmp : {};
  27. tmp[key] = value;
  28. // 执行这一步后,所有需要存储的变量,都挂载在本地的lifeData对象中
  29. uni.setStorageSync('lifeData', tmp);
  30. }
  31. }
  32. const store = new Vuex.Store({
  33. // 下面这些值仅为示例,使用过程中请删除
  34. state: {
  35. // 如果上面从本地获取的lifeData对象下有对应的属性,就赋值给state中对应的变量
  36. // 加上vuex_前缀,是防止变量名冲突,也让人一目了然
  37. vuex_audit: lifeData.vuex_audit ? lifeData.vuex_audit : 0,
  38. vuex_userId: lifeData.vuex_userId ? lifeData.vuex_userId : null,
  39. vuex_phone: lifeData.vuex_phone ? lifeData.vuex_phone : null,
  40. vuex_skin: lifeData.vuex_skin ? lifeData.vuex_skin : config.themeRed.skin,
  41. vuex_theme: lifeData.vuex_theme ? lifeData.vuex_theme : config.themeRed.theme,
  42. vuex_active_setting: lifeData.vuex_active_setting ? lifeData.vuex_active_setting : {},
  43. vuex_isCMCC: lifeData.vuex_isCMCC ? lifeData.vuex_isCMCC : false,
  44. vuex_voteInterval: lifeData.vuex_voteInterval ? lifeData.vuex_voteInterval : false,
  45. vuex_voteOrder: lifeData.vuex_voteOrder ? lifeData.vuex_voteOrder : 0,
  46. vuex_goodsInterval: lifeData.vuex_goodsInterval ? lifeData.vuex_goodsInterval : false,
  47. vuex_goodsOrder: lifeData.vuex_goodsOrder ? lifeData.vuex_goodsOrder : 0,
  48. vuex_gzh_userOpenid: lifeData.vuex_gzh_userOpenid ? lifeData.vuex_gzh_userOpenid : null
  49. },
  50. mutations: {
  51. $uStore(state, payload) {
  52. // 判断是否多层级调用,state中为对象存在的情况,诸如user.info.score = 1
  53. let nameArr = payload.name.split('.');
  54. let saveKey = '';
  55. let len = nameArr.length;
  56. if (nameArr.length >= 2) {
  57. let obj = state[nameArr[0]];
  58. for (let i = 1; i < len - 1; i++) {
  59. obj = obj[nameArr[i]];
  60. }
  61. obj[nameArr[len - 1]] = payload.value;
  62. saveKey = nameArr[0];
  63. } else {
  64. // 单层级变量,在state就是一个普通变量的情况
  65. state[payload.name] = payload.value;
  66. saveKey = payload.name;
  67. }
  68. // 保存变量到本地,见顶部函数定义
  69. saveLifeData(saveKey, state[saveKey])
  70. }
  71. }
  72. })
  73. export default store