Dva.js 入门级教学文档-1

• 简介
• 一、介绍
• 1、什么是 dva
• 2、dva 的作用是什么
• 二、环境搭建和使用
• 1、环境搭建
• 2、创建项目
• 3、使用 antd
• 三、全局架构
• 1、index.js(重点)
• (1)、创建 dva 实例
• (2)、装载插件
• (3)、注册 Model
• (4)、配置路由
• (5)、启动应用
• 2、router.js
• 使用
• 解释一下
• 3、components 包
• 4、routes 包
• 5、services 包
• 6、utils 包
• 6、models 包

History API可以监听浏览器url的变化，从而控制路由相关操作。

dva 使用的是 react-router 来控制路由。

小伙伴们如果想深入学习路由这块的内容可以找度娘搜索：react router 学习哈。

3、components 包

一般为我们创建出来的公共组件。

4、routes 包

这里我们可以理解为 pages。你所要显示出来的页面都写在这个下面。

5、services 包

为后台调用服务端接口的包，不做解释。

6、utils 包

这个包可以用来存放一些公共方法。需要使用时，导入 js,直接使用方法即可。

6、models 包

models 包用来存放 所有的 model 文件。

一个完整的 model 文件的架构：

export defalut {
    namespace:'',
    state:{},
    reducers:{},
    effects:{},
    subscriptions:{},
}