V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
qwertyzzz
V2EX  ›  程序员

有没人推荐点 vue 的适合刚入门新手的项目啊

  •  1
     
  •   qwertyzzz · 2019-04-13 15:34:59 +08:00 · 6635 次点击
    这是一个创建于 1021 天前的主题,其中的信息可能已经有所发展或是发生改变。

    想通过做东西熟悉语法什么的。。毕竟太容易忘了。。

    32 条回复    2019-04-14 21:31:56 +08:00
    sugarkeek
        1
    sugarkeek  
       2019-04-13 15:45:05 +08:00 via Android
    to-do 计算器
    allen945
        2
    allen945  
       2019-04-13 15:46:36 +08:00
    撸个饿了么项目?之前刚学 vue 的时候看过一个作者用 vue 仿饿了么的项目,楼主有精力可以试试
    qwertyzzz
        3
    qwertyzzz  
    OP
       2019-04-13 15:46:59 +08:00
    @chenkeyan1 不太会搞好看的样式呀。。。计算器就普通的加减乘除吗。
    qwertyzzz
        4
    qwertyzzz  
    OP
       2019-04-13 15:47:30 +08:00
    @allen945 那必然没有呀。。新手啊 才学到插槽。。
    daguaochengtang
        5
    daguaochengtang  
       2019-04-13 15:50:20 +08:00
    @qwertyzzz 不需要样式好看啊,你本来不就是熟悉语法的吗。第一个项目建议 todo-list。添加、删除、修改、展示列表这些都用到了
    janyin
        6
    janyin  
       2019-04-13 15:51:17 +08:00
    同新手,用 vue 全家桶构建的仿网易云音乐移动端项目,只有有搜索、播放、和歌单功能,比较简单。
    楼主可以参考一下。
    GitHub: https://github.com/janyin/vue-wangyiyun-music
    qwertyzzz
        7
    qwertyzzz  
    OP
       2019-04-13 16:00:28 +08:00
    @nikolausliu ok !
    qwertyzzz
        8
    qwertyzzz  
    OP
       2019-04-13 16:01:38 +08:00
    @janyin 哇 我才学到插槽呀 而且本身也没学过其他的前段知识 你这个好复杂 待我学到后面!先 star 了
    shuirong1997
        9
    shuirong1997  
       2019-04-13 16:04:23 +08:00
    可以看看这个项目,也是我当初看完基础语法写出来的: https://github.com/shuiRong/VueCnodeJS
    rabbbit
        10
    rabbbit  
       2019-04-13 16:18:46 +08:00   ❤️ 3
    文档过一遍就行,记不住也无所谓.有个印象知道这个某个东西在哪就行.
    然后去找完整项目的课跟着敲一遍.不懂的再去查缺补漏.他会教你完整项目的结构和常用库.
    最后,把(vue create)从零开始自己实现一个类似的.然后你会发现大量以为会了但其实不懂的东西.

    以前我就是死扣文档语法,然后还是啥都不会.
    这个是我看完教程后完全从零写的 http://94.191.109.77:8000
    所以不要去扣文档
    qwertyzzz
        11
    qwertyzzz  
    OP
       2019-04-13 16:31:57 +08:00
    @shuirong1997 好的 3q
    qwertyzzz
        12
    qwertyzzz  
    OP
       2019-04-13 16:32:50 +08:00
    @rabbbit 单纯过得话 没几个列子实践感觉很容易忘呀 你这个挺不错啊。。我现在基本看完一 2 个章节都写 demo 实践下的。
    rabbbit
        13
    rabbbit  
       2019-04-13 16:35:30 +08:00
    @qwertyzzz 写项目会大量重复使用的.忘了就去翻文档.不常用的记不住也无所谓.
    Sparetire
        14
    Sparetire  
       2019-04-13 17:09:00 +08:00
    taogen
        15
    taogen  
       2019-04-13 17:43:15 +08:00 via Android
    同感
    kidlj
        16
    kidlj  
       2019-04-13 18:21:15 +08:00
    官方的 vue-hackernews
    AndroidEngineer
        17
    AndroidEngineer  
       2019-04-13 20:51:00 +08:00
    留名 日后看看
    ChefIsAwesome
        18
    ChefIsAwesome  
       2019-04-13 21:26:17 +08:00 via Android   ❤️ 1
    vue 是个典型的 mvvm 框架。mvvm 框架的要点就几个:怎么在模板里做循环和 if else ;什么是 view model ;什么是 computed model ;怎么把 ui 交互抽象成对 model 的操作。

    我非常建议大家看下 knockout js。它虽然年代久了点,但仍然是个出色的 mvvm 框架。特别是它的互动教程,非常好。
    http://learn.knockoutjs.com/#/?tutorial=intro
    学会了 mvvm 的理念,上手 vue 之类的框架完全没有难度。
    oldarm
        19
    oldarm  
       2019-04-13 21:36:25 +08:00
    做个聊天客户端
    angith
        20
    angith  
       2019-04-14 00:57:01 +08:00 via Android
    vue 的各种高仿项目应该挺多的
    kangzai50136
        21
    kangzai50136  
       2019-04-14 04:16:36 +08:00 via Android
    可以试着模仿 ins,我在做模仿 ins 的接口。
    atbeta
        22
    atbeta  
       2019-04-14 08:00:58 +08:00
    大家都在写 todo,我也写了一个,高仿奇妙清单,目标是 90%样式和 80%功能!
    本来只是用 Vue 写的前端,后来发现了 Nuxt,就用 Nuxt 写了个整体,从后台注册登录到前端。

    Demo 地址: http://demo.pup.pub ,欢迎大佬们拍砖
    Github 地址在这里: https://github.com/atbeta/nuxt-wunderlist
    代码应该是挺乱的,亟需指导,如果能有朋友顺便帮本人突破 0star,那就更感激不尽了!
    superlks
        23
    superlks  
       2019-04-14 08:14:06 +08:00 via iPhone
    我不是专职前端,花了大概 3 天时间看了些语法,不懂得就查了些资料。然后就开始写项目了,主要还是工作需要,所以边查边写还是没问题的
    gowk
        24
    gowk  
       2019-04-14 08:54:37 +08:00 via Android
    @rabbbit 你这个项目是开源的吗
    theohateonion
        25
    theohateonion  
       2019-04-14 09:55:04 +08:00
    todo mvc
    star29
        26
    star29  
       2019-04-14 10:02:42 +08:00 via iPhone
    推荐还是先过一遍文档再撸项目,有些东西不熟悉和不知晓是两个概念
    star29
        27
    star29  
       2019-04-14 10:10:55 +08:00 via iPhone
    新闻类的项目可以看看 https://github.com/uncleLian/vue2-news
    rabbbit
        28
    rabbbit  
       2019-04-14 11:24:58 +08:00
    @gowk 不开源.因为不想惹麻烦了,费力不讨好.
    Suryu
        29
    Suryu  
       2019-04-14 11:28:36 +08:00
    刚好准备做一些 vue 的东西,试一试大家推荐的这些
    a54552239
        30
    a54552239  
       2019-04-14 12:39:06 +08:00
    a54552239
        31
    a54552239  
       2019-04-14 12:39:23 +08:00
    https://github.com/a54552239/pearProject
    Vue+PHP 实现的项目管理系统
    hunk
        32
    hunk  
       2019-04-14 21:31:56 +08:00
    关于   ·   帮助文档   ·   API   ·   FAQ   ·   我们的愿景   ·   广告投放   ·   感谢   ·   实用小工具   ·   2255 人在线   最高记录 5497   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 29ms · UTC 12:31 · PVG 20:31 · LAX 04:31 · JFK 07:31
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.