dva.js
dva简化了我们使用redux管理数据的那些繁杂的步骤, 它把所有的步骤都整合到一个model文件里,
在这个文件里你可以管理你的state,处理你的同步&异步action, 还整合了redux-saga,使异步处理变得更简洁。
dva中主要分3层----models,services,components
- 其中models是最重要概念,这里放的是各种数据,与数据交互的应该都是在这里。
- services层放请求后台接口的方法。
- components为组件层。
Umi + Dva 案例-界面流程
//安装
npm install dva-cli -g
点击页面按钮触发clickHandler 触发models层effect的fetchNum
触发services层doit,获取到后台返回数据
触发models层的addNum,把返回数据传给addNum,更新models里的state
components监听到state中num的改变后,触发页面render方法重新渲染,界面更新。
services层:
( 这里写了一个简单的案例,