index.js 2.5 KB

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