V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
yagamil
V2EX  ›  Vue.js

后端想要学习 vue,选 2 还是 3?

  •  
  •   yagamil · 2023-05-10 09:42:44 +08:00 · 7556 次点击
    这是一个创建于 388 天前的主题,其中的信息可能已经有所发展或是发生改变。

    初入坑,请大佬赐教~ 之前都是用的 bootstrap+js 一把梭。。

    60 条回复    2023-07-20 20:51:45 +08:00
    Wangpfzzz
        1
    Wangpfzzz  
       2023-05-10 09:47:00 +08:00
    3
    ChangJingli
        2
    ChangJingli  
       2023-05-10 09:47:52 +08:00
    3
    super5xy
        3
    super5xy  
       2023-05-10 09:49:56 +08:00
    3
    LavaC
        4
    LavaC  
       2023-05-10 09:54:26 +08:00
    学新不学旧啊,反正迟早都要 3 的,何必多一个从 2 到 3 的适应门槛
    gowk
        5
    gowk  
       2023-05-10 09:54:32 +08:00   ❤️ 4
    https://www.bilibili.com/video/BV1Zy4y1K7SH

    很多老项目还是用的 2 ,我建议是从 2 学到 3 ,基本思想都是一样的
    我就是从这个视频从入门到熟悉的,看完才发现从 2 学到 3 是正确的
    花 2 周时间,每天抽出来一点时间看视频,跟着敲代码
    这可以说是最好的 Vue 视频教程
    polarbearn
        6
    polarbearn  
       2023-05-10 09:55:15 +08:00
    3
    chengxy
        7
    chengxy  
       2023-05-10 09:55:42 +08:00
    推荐 3 ,想从 2 开始跳过 mixin 就行。
    mynameislihua
        8
    mynameislihua  
       2023-05-10 10:03:08 +08:00
    学 2 ,2 会了 vue3 花点点时间就够了
    DeWhite
        9
    DeWhite  
       2023-05-10 10:06:02 +08:00 via iPhone
    尚硅谷的课可以说是很深了,css 还会讲到变色。
    bojackhorseman
        10
    bojackhorseman  
       2023-05-10 10:09:49 +08:00   ❤️ 1
    3 。提前推荐:学 react 吧 🤣
    ren2881971
        11
    ren2881971  
       2023-05-10 10:10:49 +08:00
    不如直接上 react
    helloword001
        12
    helloword001  
       2023-05-10 10:15:30 +08:00
    @ren2881971 你是外行吧,react 适合中大型项目,vue 适合中小型项目
    ren2881971
        13
    ren2881971  
       2023-05-10 10:17:37 +08:00
    @helloword001 呵呵 你说的对
    hetingting
        14
    hetingting  
       2023-05-10 10:35:22 +08:00
    3 ,因为 2 将于 2023 年 12 月 31 日停止维护。
    Imindzzz
        15
    Imindzzz  
       2023-05-10 10:38:24 +08:00 via Android   ❤️ 1
    @helloword001 老哥我没恶意哈…你这话才像外行……其实都适合。
    我虽然不喜欢 vue ,但是我深知这只是我的主观爱好,框架本身是很棒。
    IamCyborg
        16
    IamCyborg  
       2023-05-10 10:42:16 +08:00
    前端想要学习后端 选啥
    wu67
        17
    wu67  
       2023-05-10 10:45:06 +08:00
    2 的配置型 API 比较符合人类的普通思路, 建议从 2 入手. 然后学 3 的组合式 API, 其实就是换个表达方式而已. 这两种 API 语法谁优谁劣大概每个人都有不同看法...

    当然直接从 3 入手也没什么, 大部分东西其实是通用的.

    顺便一提, 我个人更喜欢 react, 使用群体更大, 出问题能搜到更多的解决思路.

    另外楼上那个中大小型项目的发言真是笑死我了, 典型的小学生式发言
    zcf0508
        18
    zcf0508  
       2023-05-10 10:49:17 +08:00 via Android
    3
    knva
        19
    knva  
       2023-05-10 10:56:42 +08:00
    @IamCyborg koa.js
    di1012
        20
    di1012  
       2023-05-10 11:03:34 +08:00
    libook
        21
    libook  
       2023-05-10 11:31:56 +08:00
    对于一般的需求开发其实 2 和 3 差别不大,你直接学 3 就可以,除非工作上涉及的项目是 2 ,而且需要你使用高级特性。

    看官方文档学习,官方文档已经写得很好了。
    miv
        22
    miv  
       2023-05-10 11:34:06 +08:00
    vue2 更适合新手。
    学了 vue2 以后,vue3 很容易入手。
    OnlyShimmer
        23
    OnlyShimmer  
       2023-05-10 11:48:04 +08:00
    学新不学旧,难道会 3 就不能快速上手 2 了吗?
    TimPeake
        24
    TimPeake  
       2023-05-10 11:50:08 +08:00
    着急做项目就 3 ,抱着学习前端的心态,毫无疑问那肯定是 2 。
    halfteapot
        25
    halfteapot  
       2023-05-10 11:53:17 +08:00
    我比较笨,我学东西还是喜欢走发展路线,学了 2 ,知道不足再学 3 ,感觉对两者都能更深入
    l4ever
        26
    l4ever  
       2023-05-10 12:00:06 +08:00
    选 react, 然后上 antd 全家桶, 没那么多事儿.
    really28
        27
    really28  
       2023-05-10 12:11:12 +08:00
    无脑 3 啊,生态已经很完善了,
    tramm
        28
    tramm  
       2023-05-10 12:18:58 +08:00   ❤️ 1
    没人推荐 Angular 吗
    zwdsix
        29
    zwdsix  
       2023-05-10 12:22:25 +08:00
    1?
    ivslyyy
        30
    ivslyyy  
       2023-05-10 12:26:52 +08:00
    你是想学 vue 还是想用 vue
    想学的话,直接看源码,先看 vue2 源码和 3 源码其实我觉得都关系不是很大。
    想用的话
    这个看一天半天也就能用了,先后关系我觉得也不是很重要
    就算是培训班,这个 vue 也是只讲几天就做项目了。
    你应该水平超过了培训班吧
    dif
        31
    dif  
       2023-05-10 13:47:51 +08:00
    学新不学旧、用新不用旧。
    yagamil
        32
    yagamil  
    OP
       2023-05-10 13:48:02 +08:00
    Royal22
        33
    Royal22  
       2023-05-10 13:49:09 +08:00
    后端学 Angular 更加简单
    dianso
        34
    dianso  
       2023-05-10 13:59:44 +08:00
    选 2 不选 3
    我不说原因,知道的就知道。
    wqzjk393
        35
    wqzjk393  
       2023-05-10 14:15:01 +08:00 via iPhone
    3 吧,直接 npm init vue@latest 装最新的就行了。然后不想用 ts 就不勾选那个,开始练习的时候不要勾选 eslint 不然报错能烦死你。
    不过要注意很多文档材料都是真的 2 的,3 的一部分文档还都是常规写法而不是 script setup 语法糖写法的,而且组件方面的材料很多也都是 vuex 的而不是 pinia 。所以在学的时候坑还是非常多的
    Terry05
        36
    Terry05  
       2023-05-10 14:37:44 +08:00
    现在肯定直接考虑 3 了
    vivipure
        37
    vivipure  
       2023-05-10 14:46:44 +08:00
    推荐 2.7 ,支持所有的 vue 2 的生态。且支持 Composition Api ,开发体验友好。Vue 3 的话性能会更好,但是生态方面还没 Vue 2 那么好
    Yeen
        38
    Yeen  
       2023-05-10 14:51:15 +08:00
    2 都停止维护了
    必须 3 啊
    lscexpress
        39
    lscexpress  
       2023-05-10 16:07:57 +08:00
    头像是本人的话,我亲自来。
    itbeihe
        40
    itbeihe  
       2023-05-10 16:19:06 +08:00
    3
    xiaowunai
        41
    xiaowunai  
       2023-05-10 16:39:38 +08:00
    @helloword001 可以,看起来你很内行
    CodeMak1r
        42
    CodeMak1r  
       2023-05-10 16:45:07 +08:00
    前端想学后端 应该学哪个语言尼 java go python 怎么选求教大家伙
    miv
        43
    miv  
       2023-05-10 16:56:33 +08:00
    byte10
        44
    byte10  
       2023-05-10 17:23:53 +08:00
    @Imindzzz 客气啥,就是外行。vue 明显是比 react 容易上手,公认的东西
    @CodeMak1r 前端可以考虑 nodejs , 一把梭。挺不错
    cangcang
        45
    cangcang  
       2023-05-10 18:16:40 +08:00
    省点事,直接 pnpm create vue@3 。全家桶都给你安排上
    WasteNya
        46
    WasteNya  
       2023-05-10 18:46:22 +08:00 via Android
    还是 react 吧
    dode
        47
    dode  
       2023-05-10 19:27:20 +08:00
    ```html
    <!doctype html>
    <html>
    <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Demo</title>
    <script type="importmap">
    {
    "imports": {
    "vue": "https://cdnjs.cloudflare.com/ajax/libs/vue/3.2.41/vue.esm-browser.prod.js",
    "vuex": "https://cdnjs.cloudflare.com/ajax/libs/vuex/4.1.0/vuex.esm-browser.js",
    "vue-router": "https://cdnjs.cloudflare.com/ajax/libs/vue-router/4.1.5/vue-router.esm-browser.js",
    "@vue/devtools-api": "https://unpkg.com/@vue/[email protected]/lib/esm/index.js"
    }
    }
    </script>
    <link rel="stylesheet" type="text/css" href="./style.css">
    </head>
    <body>
    <div id="app">
    </div>
    </body>

    <script type="module" src="./main.js"></script>

    </html>
    ```
    darknoll
        48
    darknoll  
       2023-05-10 21:04:50 +08:00
    学 2 浪费时间,请直接学 3
    BugCry
        49
    BugCry  
       2023-05-10 21:34:33 +08:00 via Android
    用 antd 吗?
    用的话选 3
    用 element-ui 吗?
    用的话选 3
    Genshin2020
        50
    Genshin2020  
       2023-05-10 21:37:41 +08:00
    3 + ts
    yrj
        51
    yrj  
       2023-05-10 22:19:19 +08:00
    无脑 3 ,前两天有个用 2 的项目,我也是用的组合式 api 写的,就是直接写<script setup>
    crazyweeds
        52
    crazyweeds  
       2023-05-11 09:30:04 +08:00
    我和你情况一样,我选择 React ,从 CSS->JS->React 学习耗时半月,最终产出成果:hutubox.com
    oukichi
        53
    oukichi  
       2023-05-11 09:38:35 +08:00
    前端这边还是建议 react 真的
    Ashore
        54
    Ashore  
       2023-05-11 09:49:00 +08:00
    插眼 这几天也在看 vue3 ,有没有好的课程推荐下啊
    yagamil
        55
    yagamil  
    OP
       2023-05-11 10:11:01 +08:00
    @dode 这个代码里面,./main.js 里面是什么?
    qloog
        56
    qloog  
       2023-05-11 11:29:18 +08:00
    @oukichi 来个详解?
    dode
        57
    dode  
       2023-05-11 21:12:53 +08:00
    webfansplz
        58
    webfansplz  
       2023-05-12 13:04:38 +08:00
    建议直接从 3 开始、Vue3 的成本不会比 Vue2 高,同样可以渐进式使用。如果你觉得组合式 API 具备一定学习成本、也可以直接在 Vue3 使用 Option API ,不过我个人建议是用组合式 API ,在开发体验和逻辑复用上都会有很大帮助。
    naminokoe
        59
    naminokoe  
       316 天前
    3 ,而且一定要用组合式 API ,因为可以用 reactive 在各个组件之间相互传数据,非常爽。
    naminokoe
        60
    naminokoe  
       316 天前
    @webfansplz #58 我和 OP 一样之前只会 bootstrap+jquery 。最近写了一周的 Option API 极其痛苦,然后切换到组合式 API 只花了一天就搞定。
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2296 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 33ms · UTC 04:23 · PVG 12:23 · LAX 21:23 · JFK 00:23
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.