状态管理器

wx-store

项目介绍

模仿vuex api写的微信状态管理工具

文件结构

root
  --|service wx_store.js所在位置
  --|test 单元测试文件夹
--|jest_config.json jest测试配置文件
--|test.cmd 执行jest的批处理文件

安装教程

直接导入即可

使用说明

使用方法类似于vuex

const Store = require().WxStore
const wx_store = new Store({
  state: {
    data: 1,
  },
  mutations: {
    increment: function(store, payload) {
      store.data = payload;
      return store.data;
    },
  },
  getters: {
    increment: function(store, payload) {
      store.data = payload + 1;
      return store.data;
    },
    subtract: function(store, payload) {
      store.data = payload - 1;
      return store.data;
    },
    getters: {
      getDate: (store) => {
        return store.data;
      },
    },
  },
});

API说明(api就是仿照的vuex)

state

初始化store状态

---

mutations

与vuex的mutation一样,在使用commit函数时,用以处理payload

---

getters

获取数据前,所要对数据进行的处理

---

commit

commit('mutationsName',payload)
指定要处理payload的mutations

---

代码地址

https://gitee.com/coffee_cat/wx-store