index.js 1.8 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162
  1. import Vue from 'vue'
  2. import Vuex from 'vuex'
  3. import constant from '../core/constant'
  4. Vue.use(Vuex)
  5. const cacheKey = "__LIFE_DATA";
  6. let lifeData = {};
  7. try{
  8. // 尝试获取本地是否存在lifeData变量,第一次启动APP时是不存在的
  9. lifeData = uni.getStorageSync(cacheKey);
  10. }catch(e){
  11. }
  12. // 需要永久存储,且下次APP启动需要取出的,在state中的变量名
  13. let saveStateKeys = [constant.USER_TOKEN,constant.USER_DATA];
  14. // 保存变量到本地存储中
  15. const saveStorage = function(key, value){
  16. // 判断变量名是否在需要存储的数组中
  17. if(saveStateKeys.indexOf(key) != -1) {
  18. // 获取本地存储的lifeData对象,将变量添加到对象中
  19. let tmp = uni.getStorageSync(cacheKey);
  20. // 第一次打开APP,不存在lifeData变量,故放一个{}空对象
  21. tmp = tmp ? tmp : {};
  22. tmp[key] = value;
  23. // 执行这一步后,所有需要存储的变量,都挂载在本地的lifeData对象中
  24. uni.setStorageSync(cacheKey, tmp);
  25. }
  26. }
  27. const store = new Vuex.Store({
  28. state: {
  29. // token
  30. vuex_user_token: lifeData[constant.USER_TOKEN],
  31. // 用户信息
  32. vuex_user_data: lifeData[constant.USER_DATA],
  33. },
  34. mutations: {
  35. $uStore(state, payload) {
  36. // 判断是否多层级调用,state中为对象存在的情况,诸如user.info.score = 1
  37. let nameArr = payload.name.split('.');
  38. let saveKey = '';
  39. let len = nameArr.length;
  40. if(len >= 2) {
  41. let obj = state[nameArr[0]];
  42. for(let i = 1; i < len - 1; i ++) {
  43. obj = obj[nameArr[i]];
  44. }
  45. obj[nameArr[len - 1]] = payload.value;
  46. saveKey = nameArr[0];
  47. } else {
  48. // 单层级变量,在state就是一个普通变量的情况
  49. state[payload.name] = payload.value;
  50. saveKey = payload.name;
  51. }
  52. // 保存变量到本地,见顶部函数定义
  53. saveStorage(saveKey, state[saveKey])
  54. }
  55. }
  56. })
  57. export default store