dva之前有了解吗

　　这个其实是支付宝整合的一套框架，集成了 (redux + react-router + redux-saga 等)的一层轻量封装。dva 是 framework，不是 library，类似 emberjs。

　　他最核心的是提供了 app.model 方法，用于把 reducer, initialState, action, saga 封装到一起。　

app.model({

　　namespace: 'products',

　　state: {

　　list: [],

　　loading: false,

　　},

　　subscriptions: [

　　function(dispatch) {

　　dispatch({type: 'products/query'});

　　},

　　],

　　effects: {

　　['products/query']: function*() {

　　yield call(delay(800));

　　yield put({

　　type: 'products/query/success',

　　payload: ['ant-tool', 'roof'],

　　});

　　},

　　},

　　reducers: {

　　['products/query'](state) {

　　return { ...state, loading: true, };

　　},

　　['products/query/success'](state, { payload }) {

　　return { ...state, loading: false, list: payload };

　　},

　　},

　　});

      namespace - 对应 reducer 在 combine 到 rootReducer 时的 key 值

　　state - 对应 reducer 的 initialState

　　subscription - elm@0.17 的新概念，在 dom ready 后执行，这里不展开解释

　　effects - 对应 saga，并简化了使用

　　reducers - 相当于数据模型

　// 如何创建一个dva项目

　　$ npm install dva-cli -g

　　$ dva new myapp && cd myapp

　　$ npm start

上一篇

谈谈Vue路由模式，路由有哪些模式