创建新应用:
dva new dva-quickstart
cd dva-quickstart
npm start
使用antd: npm install antd babel-plugin-import --save
(babel-plugin-import用来按需加载antd的脚本和样式)
编辑.webpackrc：
"extraBabelPlugins": [
["import", { "libraryName": "antd", "libraryDirectory": "es", "style": "css" }]
],
index.js引入样式 import 'antd/dist/antd.css';
定义路由（路由可以想象成是组成应用的不同页面）
编写UI Component（在多个页面分享UI元素,或在一个页面使用多次）
定义Model : 完成UI后,开始处理数据和逻辑
dva通过model把一个领域的模型管理起来,包含同步更新state的reducers,
处理一部逻辑的effects,订阅数据源的subscriptions
connect model和component
写入一些初始数据让项目跑起来,编辑index.js
网友评论