V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
V2EX 提问指南
ak8888
V2EX  ›  问与答

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

  •  
  •   ak8888 · 2022-04-19 09:21:30 +08:00 · 3917 次点击
    这是一个创建于 978 天前的主题,其中的信息可能已经有所发展或是发生改变。
    求教大家怎么快速上手 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
    直接找项目 看别人怎么用 生搬硬套 勉强可以的
    mozhizhu
        7
    mozhizhu  
       2022-04-19 09:35:58 +08:00
    精通 JavaScript
    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/
    rimutuyuan
        10
    rimutuyuan  
       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 也算原生)写几个有一定复杂度的页面吧,然后就能感受到痛点所在了
    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   ·   实用小工具   ·   2901 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 24ms · UTC 13:47 · PVG 21:47 · LAX 05:47 · JFK 08:47
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.