Dva学习-完成计数demo

155 阅读1分钟

今天跟大家讲下dva的基本使用技巧,最好有redux的基础,这个可以看我上篇文章的内容

下面开始讲解了哈-运行结果就是了简单的计数

1.安装 npm install dva-cli

.创建新应用

dva new dva-test

.运行

npm run start

效果图如下:

image.png

2.路由定义-类似react-router

image.png

router.js

image.png

3.开始写ui compontens

入口文件

image.png

子组件

image.png

4.models的配置(集合了store reducer thunk action)

image.png

5.最终效果图

image.png