初始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)