dva
dva安装及创建项目
npm install -g dva-cli
dva new new-dva-project
cd new-dva-project
npm start
![在这里插入图片描述](https://www.icode9.com/i/ll/?i=d069643bb6994fbda3e8f47137b59c30.png?,type_ZHJvaWRzYW5zZmFsbGJhY2s,shadow_50,text_Q1NETiBA5a2k6aOO6ZqP6Zuo,size_20,color_FFFFFF,t_70,g_se,x_16)
目录结构
![在这里插入图片描述](https://www.icode9.com/i/ll/?i=b66cc91cdd65431c9c167cbde2dc8153.png?,type_ZHJvaWRzYW5zZmFsbGJhY2s,shadow_50,text_Q1NETiBA5a2k6aOO6ZqP6Zuo,size_20,color_FFFFFF,t_70,g_se,x_16)
快速上手
- 1、在index.js中注册modal
![在这里插入图片描述](https://www.icode9.com/i/ll/?i=1cafe3c1a8b641f2bc4bf2e2324748b0.png?,type_ZHJvaWRzYW5zZmFsbGJhY2s,shadow_50,text_Q1NETiBA5a2k6aOO6ZqP6Zuo,size_20,color_FFFFFF,t_70,g_se,x_16)
- 2、在modal文件夹中定义数据模型
![在这里插入图片描述](https://www.icode9.com/i/ll/?i=34f6e12c037843c0933b7184f52eef6f.png?,type_ZHJvaWRzYW5zZmFsbGJhY2s,shadow_50,text_Q1NETiBA5a2k6aOO6ZqP6Zuo,size_20,color_FFFFFF,t_70,g_se,x_16)
- 3、定义路由页面
![在这里插入图片描述](https://www.icode9.com/i/ll/?i=a26758ef15504e64bc3505642409e44d.png?,type_ZHJvaWRzYW5zZmFsbGJhY2s,shadow_50,text_Q1NETiBA5a2k6aOO6ZqP6Zuo,size_20,color_FFFFFF,t_70,g_se,x_16)
- 4、定义路由
![在这里插入图片描述](https://www.icode9.com/i/ll/?i=bf6c267fa6414845ad4f1b38c966e384.png?,type_ZHJvaWRzYW5zZmFsbGJhY2s,shadow_50,text_Q1NETiBA5a2k6aOO6ZqP6Zuo,size_20,color_FFFFFF,t_70,g_se,x_16)
- 5、运行
![在这里插入图片描述](https://www.icode9.com/i/ll/?i=78f8b4bcd9014358a690a5dddf121821.png?,type_ZHJvaWRzYW5zZmFsbGJhY2s,shadow_50,text_Q1NETiBA5a2k6aOO6ZqP6Zuo,size_20,color_FFFFFF,t_70,g_se,x_16)
标签:npm,学习,project,dva,Dva,初步,modal,new,路由
来源: https://blog.csdn.net/weixin_47723644/article/details/120536201