V2EX = way to explore
V2EX 是一个关于分享和探索的地方
Sign Up Now
For Existing Member  Sign In
ak8888
V2EX  ›  问与答

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

  •  
  •   ak8888 · Apr 19, 2022 · 4717 views
    This topic created in 1478 days ago, the information mentioned may be changed or developed.
    求教大家怎么快速上手 vue ,可以快速上手单独做项目,只为了可以完成工作就行
    35 replies    2022-04-19 22:31:15 +08:00
    bootvue
        1
    bootvue  
       Apr 19, 2022
    死记硬背
    villivateur
        2
    villivateur  
       Apr 19, 2022   ❤️ 17
    如果你学过 react ,快速上手只要 1 小时;
    如果你学过前端三件套,快速上手只要 3 小时;
    如果你学过多个主流编程语言,快速上手 1 天差不多;
    如果你计算机基础扎实,上手可能慢一点要两三天,但是以后开发起来会越来越轻松;
    如果你是数学天才,上手可能要一个星期,但是一个月后你会完爆周围的 Vue 大佬;
    如果你只看过《 21 天学通 XXX 》,那么你至少还要 21 天才能学通 Vue ;
    如果你刚上大学没有任何经验,你可能需要先学习 4 年基本课程。
    anguiao
        3
    anguiao  
       Apr 19, 2022
    你会 HTML/CSS/JavaScript 的话,确实一天就能上手。官方文档看一下,找个脚手架开干。
    Ev1s
        4
    Ev1s  
       Apr 19, 2022
    @villivateur 笑死
    villivateur
        5
    villivateur  
       Apr 19, 2022
    @villivateur 忘了说方法了: https://vuejs.org/
    root8080
        6
    root8080  
       Apr 19, 2022
    直接找项目 看别人怎么用 生搬硬套 勉强可以的
    mozhizhu
        7
    mozhizhu  
       Apr 19, 2022
    精通 JavaScript
    o0
        8
    o0  
       Apr 19, 2022
    如果有相关经验的话倒是有可能吧,刚学完也没做项目,后面也是返回去看文档的
    GeruzoniAnsasu
        9
    GeruzoniAnsasu  
       Apr 19, 2022   ❤️ 1
    @villivateur

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

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

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

    https://imgur.com/zqZYN7j
    molvqingtai
        19
    molvqingtai  
       Apr 19, 2022 via Android
    @LxExExl
    先把现代的 ES6+ 语法过一下:
    https://zh.javascript.info/
    然后就可以照着 react 官方文档撸了
    kamal
        20
    kamal  
       Apr 19, 2022
    同一个项目里的页面,你复制一下,做相似的功能。
    emmal
        21
    emmal  
       Apr 19, 2022 via Android
    大致翻译过来意思,刚出生第一天如何立刻会走路
    abigeater
        22
    abigeater  
       Apr 19, 2022
    nuxt 上手语法后再单独用 vue 写
    wdssmq
        23
    wdssmq  
       Apr 19, 2022
    三件套姑且会,甚至之前用过 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  
       Apr 19, 2022
    @LxExExl React 对 js 水平的要求比 Vue 要高,各种新语法用得更多,ES6+过一遍是必须的,然后学习途径还是推荐官方教程。没有做过前端的话,学这类框架的障碍不是技术上的,而是可能 get 不到它们所解决的问题,不太理解为什么要这么做事情。
    LxExExl
        25
    LxExExl  
       Apr 19, 2022
    @shintendo
    @molvqingtai

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

    类似安卓里面用 xml 写 UI 布局。第一次找代码都找了很久。那些生命周期 onLoad ,onActivity 之类的自带 function 也是头大(这些看了 ES 能掌握吗,还是安卓有自己的一套机制呢?
    andyforxxx
        26
    andyforxxx  
       Apr 19, 2022
    @shintendo 确实呀,我是后端开发的,最近有些想法想实现出来给自己和朋友用,所以开始接触前端。技术上到是没什么难点,翻翻文档,至少使用是没什么问题的。就是 get 不到要解决的问题,这方面有什么方法能帮助进阶吗
    zooeymango
        27
    zooeymango  
       Apr 19, 2022
    那跟着官网 demo 走一遍我觉得完全可以开始写了啊, react 也一样的, demo 已经完全呈现了关键内容和普遍用法, 其他的就是业务要求你去了解的东西了
    shintendo
        28
    shintendo  
       Apr 19, 2022
    @andyforxxx 可能就是用原生方式( jQuery 也算原生)写几个有一定复杂度的页面吧,然后就能感受到痛点所在了
    miv
        29
    miv  
       Apr 19, 2022 via Android
    一天上手不了,你可能看懂了,可是很难体会到他的精髓。懂 vue 最重要的就是懂 model 和 view 分离这种设计,懂了这一点,就懂了 80%,其他就是语法细节了
    danhahaha
        30
    danhahaha  
       Apr 19, 2022   ❤️ 2
    @villivateur 如果你是学室内设计或者艺术生,你可以写一套 VUE
    yalin
        31
    yalin  
       Apr 19, 2022
    官网教程 hello world,然后,再打个包调一下自己 SpringBoot 就差不多入手了
    weddingSurger
        32
    weddingSurger  
       Apr 19, 2022
    我当时从 0 到略懂用了差不多快一周
    fiypig
        33
    fiypig  
       Apr 19, 2022
    那这简单, 熟悉语法, 然后看代码, 根据接口去理一理就好了
    uen
        34
    uen  
       Apr 19, 2022
    @villivateur 哈哈哈哈
    Danswerme
        35
    Danswerme  
       Apr 19, 2022
    大家学 ts react 的时候是怎么学习的呀?上手用 ts + react 写个小项目,稍微复杂一点的函数就不知道怎么定义类型了,有时候连搜都不知道怎么去搜这个问题....
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   2674 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 102ms · UTC 15:59 · PVG 23:59 · LAX 08:59 · JFK 11:59
    ♥ Do have faith in what you're doing.