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