react model 数据模型的 理解 30%

数据的改变发生通常是通过用户交互行为或者浏览器行为（如路由跳转等）触发的，当此类行为会改变数据的时候可以通过 dispatch 发起一个 action，如果是同步行为会直接通过 Reducers 改变 State ，如果是异步行为（副作用）会先触发 Effects 然后流向 Reducers 最终改变 State，所以在 dva 中，数据流向非常清晰简明，并且思路基本跟开源社区保持一致（也是来自于开源社区）。

dispatch（派遣）[dɪˈspætʃ]    --  action （行动）   ---  Reducers   [rəˈdusərz] （还原剂）
dispatch  --  action   ---   Effects  ---  Reducers


其中定义事件：  Reducers （react ） --   Mutations（vuex） 都是唯一 改变数据状态的 事件

	Reducer 是 Action 处理器，用来处理同步操作，
	可以看做是 state 的计算器。它的作用是根据 Action，从上一个 State 算出当前 State。

两个参数，第一个默认 state （数据管理值），第二个就是传参的值进行处理的 

调用的时候：

vuex   通过  **commit**  调用
store.commit({
	  type: 'increment',   （定义的方法名字）
	  amount: 10  （传入的参数）
	})

react  通过  **dispatch**  调用
dispatch({
      type: 'products/delete', （namespace/方法名）
      payload: id,
    });


处理异步 的时候：
	vuex ： Actions 分发 mutations 里面的 封装函数 ，在函数内部直接通过 commit 调用
	页面调用的时候，直接用  dispatch 进行处理
	
	// 以对象形式分发 （有两种方式 进行 --  以载荷形式分发（建议看 官网））
	store.dispatch({  （通过 dispatch 进行触发）
	  type: 'incrementAsync',  （封装在 mutations  里面的方法）
	  amount: 10 （参数）
	})
 
react：Effect  
Action 处理器，处理异步动作，基于 Redux-saga 实现。Effect 指的是副作用。根据函数式编程，计算以外的操作都属于 Effect，典型的就是 I/O 操作、数据库读写。

	function *addAfter1Second(action, { put, call }) {
	  yield call(delay, 1000);
	  yield put({ type: 'add' });
	}
Effect 是一个 Generator 函数，内部使用 yield 关键字，标识每一步的操作（不管是异步或同步）。
	call：执行异步函数
	put：发出一个 Action，类似于 dispatch