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