DvaJS官方描述：

官網(wǎng)：https://dvajs.com/guide

dva 首先是一個基于?redux?和?redux-saga?的數(shù)據(jù)流方案，然后為了簡化開發(fā)體驗，dva 還額外內置了?react-router?和?fetch，所以也可以理解為一個輕量級的應用框架。

官網(wǎng)中有詳細的安裝教程，基本上都是使用npm包管理來引入dva-cli

執(zhí)行此命令引入：

$ npm install dva-cli -g

定義model

????該model中定義了三塊應用

• namespace,表示在全局state上的key，屬于唯一標識符

• state表示初始值，掛載著數(shù)據(jù)狀態(tài)，每次更新數(shù)據(jù)就改變state的狀態(tài)（此處定義了一個data數(shù)組）

• effects表示異步流，屬于redux中的內容，處理異步邏輯的方法（此處異步執(zhí)行getMaterial這個獲取材料數(shù)據(jù)的這個方法）

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

實際案例編寫UI Component

在getMaterialData函數(shù)中，通過dispatch一個action觸發(fā)上面的effects和reducers完成數(shù)據(jù)狀態(tài)更新

connect方法是dva中提供的，在我們分別寫好model和component內容時需要將他們聯(lián)系起來（不然它們都是各自獨立的js文件無法進行數(shù)據(jù)傳輸），connect方法就是作為連接model和component的橋梁

實例結果：

可以看到圖中我能夠獲得數(shù)據(jù)庫中的動態(tài)數(shù)據(jù)，并展示到我設計的網(wǎng)頁中