dva

454 阅读1分钟

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