Weex-x
Flux-inspired-Architecture-Vuex-inspired-Architecture for Weex.
note: this repo only works well with Weex JS Framework v0.16.x and higher.
Install
npm install weex-x
Usage
First you need to create a new Store
with some options.
state
: the real JSON data work in the background.getters
: you can define some getters whose value depends on the state.mutations
: you can not modify the state directly but can define some mutations to dispatch anytime.actions
: you can also define some functions to dispatch those mutations.
For example:
const store = state: firstName: 'Jinjiang' lastName: 'ZHAO' getters: ` ` mutations: { statefirstName = name } { statelastName = name } actions: { const result = payload }
And then just set store
to the top Vm options with the store you created and set init
to each Vm options. You can access the store by $store
in Vms.
const store = ...
If your Vm already has init
in its options. You can use it like this:
const store = ...init =
At last you can quickly define more Vm options with some helpers:
const store = ...const computed = const methods =
Examples
See examples for more.
Contribution
npm run build
to build generated javascript code to./dist/
npm run dev
to watch the./src/*
changes to run the build processnpm run test
to run test cases- in
./examples/
you cannpm i && npm run build
to build all examples to./examples/dist/
- also in
./examples/
you cannpm run dev
to watch changes of all examples to run the build process