Dva.js总结

[图片上传失败...(image-57ff75-1611135362899)]

课堂实战

1.index.js

2.router.js

3.connect连接model

4.跳转路由

发dispatch的时候带一个callback

当判断code成功的时候 执行回调

dispatch函数执行后返回是一个Promise

effects里面调用的函数可以返回值

返回值相当于这个Promise里resolve(这个值)。可以被.then的第一个回调参数拿到

目前主流的框架是：Vue、React、Angular三大框架。

2020年新增的开发有：小程序云开发、react轻量级框架DvaJS和UmiJS、Vue企业级实战项目与框架、Flutter、React-Native实战项目。

框架详解：

1.Angular

Angular原名angularJS诞生于2009年，之前我们都是用jquery开发，自从zhiangular的出现让我们有了新的选择，dao它最大的特点是把后端的一些开发模式移植到前端来实现，如MVC、依赖注入等。

2.React

React，facebook出品，正式版推出是在2013年，比angular晚了4年，但得益于其创新式的VirtualDOM，性能上碾压angularJS，一经推出，火的一塌糊涂。 特点很多，VirtualDOM、JSX、Diff算法等，支持ES6语法，采用函数式编程，门槛稍高，但也更灵活，能让开发具有更多可能性。

3.Vue

Vue作为最后推出的框架（2014年），借鉴了前辈angular和react的特点（如VirtualDOM、双向数据绑定、diff算法、响应式属性、组件化开发等）并做了相关优化，使其使用起来更加方便，更容易上手，比较少适合初学者。

优点：简化redux *** 作流程，集成redux-saga中间件

在effects中

函数接受两个参数（接收到的数据，{此参数可以解构出call，put等方法}）

然后使用reducers异步修改state中的数据

reducers中的函数的第二个参数就是put传过来的对象，可以解构出payload

return 返回的状态会合并到state中

回到页面组件补充connect()()第一个圆括号中的参数

---