dva学习-入门安装和目录介绍

一、dva安装和介绍

下面的npm其实可以用淘宝镜像cnpm安装更快,安装命令npm install -g cnpm --registry=https://registry.npm.taobao.org

1.安装dva
  npm install dva-cli -g
  dva -v     //查看dva-cli版本
2.初始化一个dva项目
  dva new dva-quickstart    //dva-quickstart是项目名
3.项目目录介绍:

   
    mock //放模拟数据
    node_modules //放底层数据模块
    public //入口的html文件
    src目录中
       assert //放静态的图片等
       components //放组件信息
       model //从service层获取数据并做处理保存在state树中,放不同数据state存储点
       routes //路由展示数据的组件
       service //和数据库连接,获取数据
       utils //工具组件


       router.js是路由文件,在这里可以应用routes文件中的组件;然后展示在index.js中
       index.css 样式文件
       index.js 入口文件,里面的   root 是public中index.html设置的id
          app.start(#root)

    类似于React中的

           ReactDOM.render{
            <App>,document.getElmentById("#root");
          }
          
          里面的app.model就是需要到导入model文件的组件,同理app.router。

      

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值