dva

初始dva

dva是對react全家桶的一個集合的框架，用了一段時間感受它確實比較方便與貼心，上手起來也是快，也沒有什麼雲裏霧裏的黑魔法。dva是基於redux的一個最佳實踐框架！讓咱們開始dva的入門之旅吧！

安裝dva

建立目錄： mkdir dva-demo && cd dva-demo 安裝dva-cli: Npm install dva-cli -g 腳手架生成：dva-demo

或者不用建立項目目錄，直接經過 dva new dva-demo 來生成項目。

dva項目結構

生成的項目結構大體以下： ├── /mock/ # 數據mock的接口文件 ├── /src/ # 項目源碼目錄 │ ├── /components/ # 項目組件 │ ├── /routes/ # 路由組件（頁面維度） │ ├── /models/ # 數據模型 │ ├── /services/ # 數據接口 │ ├── /utils/ # 工具函數 │ ├── route.js # 路由配置 │ ├── index.js # 入口文件 │ ├── index.less
│ └── index.html
├── package.json # 項目信息 └── proxy.config.js # 數據mock配置

dva基本api

1.新件dva實例 const app = dva({history, initialState}); history指定給路由用的history， 默認是hashHistory; initState:指定初始state，優先級高於modal中的state,默認值爲{}.

2.配置hooks或者註冊插件，注意註冊插件最終返回的也是hooks app.use(hook)