作者:白羊幸福的佳佳 | 来源:互联网 | 2023-09-08 08:51
最近开发小程序,为了解耦数据写了一个wenaox的库,一开始放在libs里使用相对路径引入,觉得很辛苦,后面发现小程序的npm已经进入beta版本,于是下载了beta开发工具,构建
最近开发小程序,为了解耦数据 写了一个wenaox的库,一开始放在libs里使用相对路径引入,觉得很辛苦,
后面发现小程序的npm已经进入beta版本,于是下载了beta开发工具,构建后就可以直接import引入 很爽
有需要可以下载用一下
wechat state management
的小程序版本
Install
npm i -S wenaox
or
yarn add wenaox
小程序如何
Example
简单说说怎么使用,多个 Contro 可以去看看,构造 Store 是一样的
在 app.js 中
import { Store, Provider } from 'wenaox';
const state = {
count: 0,
};
const methods = {
syncs: {
addCount(state, payload) {
state.count = state.count + 1;
},
subtractCount(state, payload) {
state.count = state.count - 1;
},
},
asyncs: {
asyncAddCount(payload, rootState) {
setTimeout(this.addCount, 1e3);
},
},
};
const store = new Store({ state, methods });
const appCOnfig= {
//some config
};
App(Provider(store)(appConfig));
在 page/index.js 中
import { orm } from 'wenaox';
const mapState = state => ({
count: state.count,
});
const mapMethods = methods => ({
addCount: methods.addCount,
subtractCount: methods.subtractCount,
asyncAddCount: methods.asyncAddCount,
});
const pageCOnfig= {
//some config
};
Page(orm(mapState, mapMethods)(pageConfig));
在 page/index.wxml 中
{{count}}
count + 1
async count + 1
count - 1