dva

程式碼星空發表於2018-04-22

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

相關文章