vue 写两个小项目 练练手

作者: zz77zz | 来源:发表于2019-03-07 13:41 被阅读3次

    最近开始倒腾vue 今天看了 一整天视频 一共四套

    看完给自己一个感觉

    1.没有深入讲的 都是些基本的请求渲染数据
    2.想找的是组件较多 具体怎么页面怎么分解 的课程
    3.要么是教你做个todolist 计算器 要么就是个简单的vue-router vue-resource请求渲染数据 得深入学习一下 不然日后做项目会有很多坑要踩 目的就是提前踩坑

    列一下今天看的视频做的项目

    搭建项目

    工具

    • node
    • git
      最重要的部分 提交代码至github
    ##添加新的文件到暂存区,比如添加一个txt文本
    $ git add .
    
    ##从暂存区提交到git管理区
    $ git commit -m "备注描述文字"
    
    ##从git管理区push到远程仓库
    $ git push origin master
    ##第一次发布的时候要加点东西
    $ git push -u origin master
    
    • sourcetree或者git命令行
    • vscode
    • firebase 提供测试数据库
      firebase 这套工具我不得不吹 如果有想了解的可以百度或点开链接即可

    npm install -g vue-cli
    vue init webpack <projectname>

    如果出现443问题 请打开host 把github ip加上然后ping一下是否会掉包 不然是好的 剩下的估计就是npm的为难题了 我遇到了这个问题
    解决办法 具体打开github vue webpack template可以找到
    下载模板到根目录然后执行相对文件
    vue init ./webpack-develop <项目名>
    router和npm点击yes 其余一律no

    success
    cd project -> npm install -> npm run dev -> 打开浏览器即可

    具体项目

    简单的页面展示

    数据渲染
    组件嵌套
    父组件向子组件传值
    子组件向父组件传值
    路由 vue-router
    请求 vue-resource

    具体一些小方法确实值得练练

    请求展示

    疑问
    有些疑问比如有些请求只会在子组件请求那么父组件该怎么拿到的 如果组件嵌套比较深 那方法只能是一个方法一个方法传递么 还是有别的方法呢

    员工管理sys

    项目用到的框架

    • css materializecss.com
    • js vue
    • fontawsome

    项目截图

    首页
    员工详情
    增加员工
    编辑员工

    用来练手还是挺好的 花了半天时间 学到不少
    不足之处 router 和 vue的组建思想 这个项目还未涉及到组建通信

    有同学想要源码可以私信我 我就不贴代码了 就是几个简单的页面而已

    最后
    部署github page
    具体步骤请百度

    vue 计算器
    计算器

    有同学想要源码可以私信我 我就不贴代码了 就是几个简单的页面而已

    相关文章

      网友评论

        本文标题:vue 写两个小项目 练练手

        本文链接:https://www.haomeiwen.com/subject/vzqtpqtx.html