DvaJS官方描述：

官网：https://dvajs.com/guide

dva 首先是一个基于 redux 和 redux-saga 的数据流方案，然后为了简化开发体验，dva 还额外内置了 react-router 和 fetch，所以也可以理解为一个轻量级的应用框架。

官网中有详细的安装教程，基本上都是使用npm包管理来引入dva-cli

执行此命令引入：

$ npm install dva-cli -g

定义model

    该model中定义了三块应用

• namespace,表示在全局state上的key，属于唯一标识符

• state表示初始值，挂载着数据状态，每次更新数据就改变state的状态（此处定义了一个data数组）

• effects表示异步流，属于redux中的内容，处理异步逻辑的方法（此处异步执行getMaterial这个获取材料数据的这个方法）

• reducers 等同于 redux 里的 reducer，接收 action，同步更新 state

实际案例编写UI Component

在getMaterialData函数中，通过dispatch一个action触发上面的effects和reducers完成数据状态更新

connect方法是dva中提供的，在我们分别写好model和component内容时需要将他们联系起来（不然它们都是各自独立的js文件无法进行数据传输），connect方法就是作为连接model和component的桥梁

实例结果：

可以看到图中我能够获得数据库中的动态数据，并展示到我设计的网页中