index.js 2.6 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667
  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_cartList'];
  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_version无需保存到本地永久存储,无需lifeData.vuex_version方式
  33. vuex_version: config.vuex_version,
  34. vuex_demo: 'demo',
  35. // 购物车
  36. vuex_cartList: lifeData.vuex_cartList ? lifeData.vuex_cartList : [],
  37. },
  38. mutations: {
  39. $uStore(state, payload) {
  40. // 判断是否多层级调用,state中为对象存在的情况,诸如user.info.score = 1
  41. let nameArr = payload.name.split('.');
  42. let saveKey = '';
  43. let len = nameArr.length;
  44. if (len >= 2) {
  45. let obj = state[nameArr[0]];
  46. for (let i = 1; i < len - 1; i++) {
  47. obj = obj[nameArr[i]];
  48. }
  49. obj[nameArr[len - 1]] = payload.value;
  50. saveKey = nameArr[0];
  51. } else {
  52. // 单层级变量,在state就是一个普通变量的情况
  53. state[payload.name] = payload.value;
  54. saveKey = payload.name;
  55. }
  56. // 保存变量到本地,见顶部函数定义
  57. saveLifeData(saveKey, state[saveKey])
  58. }
  59. }
  60. })
  61. export default store