求一天快速上手 vue 的方法? - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
ak8888
V2EX    问与答

求一天快速上手 vue 的方法?

  •  
  •   ak8888 2022-04-19 09:21:30 +08:00 4500 次点击
    这是一个创建于 1351 天前的主题,其中的信息可能已经有所发展或是发生改变。
    求教大家怎么快速上手 vue ,可以快速上手单独做项目,只为了可以完成工作就行
    35 条回复    2022-04-19 22:31:15 +08:00
    bootvue
        1
    bootvue  
       2022-04-19 09:24:19 +08:00
    死记硬背
    villivateur
        2
    villivateur  
       2022-04-19 09:27:56 +08:00   17
    如果你学过 react ,快速上手只要 1 小时;
    如果你学过前端三件套,快速上手只要 3 小时;
    如果你学过多个主流编程语言,快速上手 1 天差不多;
    如果你计算机基础扎实,上手可能慢一点要两三天,但是以后开发起来会越来越轻松;
    如果你是数学天才,上手可能要一个星期,但是一个月后你会完爆周围的 Vue 大佬;
    如果你只看过《 21 天学通 XXX 》,那么你至少还要 21 天才能学通 Vue ;
    如果你刚上大学没有任何经验,你可能需要先学习 4 年基本课程。
    anguiao
        3
    anguiao  
       2022-04-19 09:28:32 +08:00
    你会 HTML/CSS/Javascript 的话,确实一天就能上手。官方文档看一下,找个脚手架开干。
    Ev1s
        4
    Ev1s  
       2022-04-19 09:29:03 +08:00
    @villivateur 笑死
    villivateur
        5
    villivateur  
       2022-04-19 09:29:56 +08:00
    @villivateur 忘了说方法了: https://vuejs.org/
    root8080
        6
    root8080  
       2022-04-19 09:32:25 +08:00
    直接找项目 看别人怎么用 生搬硬套 勉强可以的
    o0
        8
    o0  
       2022-04-19 09:40:56 +08:00
    如果有相关经验的话倒是有可能吧,刚学完也没做项目,后面也是返回去看文档的
    GeruzoniAnsasu
        9
    GeruzoniAnsasu  
       2022-04-19 09:44:24 +08:00   1
    @villivateur

    #2L 挺准确的,我就属于第三条,写第一行代码花了一天左右。当然后来又花了两三天时间把官方文档全看了一遍,不过上手开始写之前其实也不用全看完,关键概念和机制 get 到就够了

    别语言羞耻,中文文档放心看,没有雷
    https://v3.cn.vuejs.org/
    14v45mJPBYJW8dT7
        10
    14v45mJPBYJW8dT7  
       2022-04-19 09:45:35 +08:00
    先能糊一个东西出来,后面慢慢优化
    IanHo
        11
    IanHo  
       2022-04-19 09:51:53 +08:00
    看官方文档呗,会中文就行
    8Ri72kLA9ORo6m6f
        12
    8Ri72kLA9ORo6m6f  
       2022-04-19 09:54:57 +08:00
    官网 demo 看一下,基本就能用了
    lovelyded
        13
    lovelyded  
       2022-04-19 10:00:05 +08:00 via Android   2
    直接开干,就是一开始很是不习惯 vue 的写法,老是想着操作 dom
    Chisel
        14
    Chisel  
       2022-04-19 10:06:33 +08:00
    推荐书籍《 Vue.js 项目实战》
    说出来不怕大伙笑话,多年前照着书上的例子抄出来一个小项目,一直当脚手架用到现在
    mekingname
        15
    mekingname  
       2022-04-19 10:30:08 +08:00   1
    初学 Vue ,不要使用 webpack ,也不要使用 vue-cli 。直接在 HTML 里面通过<script>标签引入就可以了。
    terranboy
        16
    terranboy  
       2022-04-19 10:32:13 +08:00
    照着教程写一个 TODOLIST 应该了解了
    LxExExl
        17
    LxExExl  
       2022-04-19 10:33:11 +08:00
    跟风问一下,怎么快速上手 React ?

    我有扎实的 CRUD 基础,java/c++/php 都能写。
    能看懂基本的 js 语法,但是没做过前端,也不懂 callback ,listener 这些特有的机制。
    有啥比较好的书籍 /文章 /视频推荐吗?
    TimPeake
        18
    TimPeake  
       2022-04-19 10:37:04 +08:00
    VUE 2.x 是配置式的,往对应配置里塞东西就行了,很简单

    https://imgur.com/zqZYN7j
    molvqingtai
        19
    molvqingtai  
       2022-04-19 10:54:44 +08:00 via Android
    @LxExExl
    先把现代的 ES6+ 语法过一下:
    https://zh.Javascript.info/
    然后就可以照着 react 官方文档撸了
    kamal
        20
    kamal  
       2022-04-19 11:00:27 +08:00
    同一个项目里的页面,你复制一下,做相似的功能。
    emmal
        21
    emmal  
       2022-04-19 11:00:34 +08:00 via Android
    大致翻译过来意思,刚出生第一天如何立刻会走路
    abigeater
        22
    abigeater  
       2022-04-19 11:01:57 +08:00
    nuxt 上手语法后再单独用 vue 写
    wdssmq
        23
    wdssmq  
       2022-04-19 11:02:05 +08:00
    三件套姑且会,甚至之前用过 grunt ,所以 sass 啥的也会;

    突然想学 vue 时 vue3 + vite 已经很成熟了,然后又恰好看了下边项目的这个插件功能:

    dev2dev/dataset.ts at main zisu-dev/dev2dev

    https://github.com/zisu-dev/dev2dev/blob/main/plugins/dataset.ts

    ↑ 其他好说,但是这种使用姿势要不是看到成品真不知道什么时候能掌握了。。

    wdssmq/docs-zblogphp-tamplate-markup: Z-BlogPHP 模板语法汇总

    https://github.com/wdssmq/docs-zblogphp-tamplate-markup

    ↑ 这是我自己抄出来的项目,虽然实际效果丑了点儿。。
    shintendo
        24
    shintendo  
       2022-04-19 11:19:39 +08:00
    @LxExExl React 对 js 水平的要求比 Vue 要高,各种新语法用得更多,ES6+过一遍是必须的,然后学习途径还是推荐官方教程。没有做过前端的话,学这类框架的障碍不是技术上的,而是可能 get 不到它们所解决的问题,不太理解为什么要这么做事情。
    LxExExl
        25
    LxExExl  
       2022-04-19 14:41:25 +08:00
    @shintendo
    @molvqingtai

    谢谢,本科的时候就一直是后端 cmd 写代码,工作之后也是偶尔修修补补,抄代码加个零件,一直没机会系统学习。很多东西是每行代码都看得懂,但是看完就是不知道在干啥。

    类似安卓里面用 xml 写 UI 布局。第一次找代码都找了很久。那些生命周期 onLoad ,onActivity 之类的自带 function 也是头大(这些看了 ES 能掌握吗,还是安卓有自己的一套机制呢?
    andyforxxx
        26
    andyforxxx  
       2022-04-19 14:58:50 +08:00
    @shintendo 确实呀,我是后端开发的,最近有些想法想实现出来给自己和朋友用,所以开始接触前端。技术上到是没什么难点,翻翻文档,至少使用是没什么问题的。就是 get 不到要解决的问题,这方面有什么方法能帮助进阶吗
    zooeymango
        27
    zooeymango  
       2022-04-19 15:06:15 +08:00
    那跟着官网 demo 走一遍我觉得完全可以开始写了啊, react 也一样的, demo 已经完全呈现了关键内容和普遍用法, 其他的就是业务要求你去了解的东西了
    shintendo
        28
    shintendo  
       2022-04-19 15:22:35 +08:00
    @andyforxxx 可能就是用原生方式( jQuery 也算原生)写几个有一定复杂度的页面吧,然后就能感受到痛点所在了/div>
    miv
        29
    miv  
       2022-04-19 15:28:17 +08:00 via Android
    一天上手不了,你可能看懂了,可是很难体会到他的精髓。懂 vue 最重要的就是懂 model 和 view 分离这种设计,懂了这一点,就懂了 80%,其他就是语法细节了
    danhahaha
        30
    danhahaha  
       2022-04-19 15:40:02 +08:00   2
    @villivateur 如果你是学室内设计或者艺术生,你可以写一套 VUE
    yalin
        31
    yalin  
       2022-04-19 15:44:12 +08:00
    官网教程 hello world,然后,再打个包调一下自己 SpringBoot 就差不多入手了
    weddingSurger
        32
    weddingSurger  
       2022-04-19 16:33:51 +08:00
    我当时从 0 到略懂用了差不多快一周
    fiypig
        33
    fiypig  
       2022-04-19 17:11:06 +08:00
    那这简单, 熟悉语法, 然后看代码, 根据接口去理一理就好了
    uen
        34
    uen  
       2022-04-19 17:11:44 +08:00
    @villivateur 哈哈哈哈
    Danswerme
        35
    Danswerme  
       2022-04-19 22:31:15 +08:00
    大家学 ts react 的时候是怎么学习的呀?上手用 ts + react 写个小项目,稍微复杂一点的函数就不知道怎么定义类型了,有时候连搜都不知道怎么去搜这个问题....
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     1128 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 91ms UTC 17:57 PVG 01:57 LAX 09:57 JFK 12:57
    Do have faith in what you're doing.
    ubao msn snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86