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

vue 学了两个月了还不会,是否不太适合前端这条路

  •  
  •   keyboardCat · 221 天前 · 15756 次点击
    这是一个创建于 221 天前的主题,其中的信息可能已经有所发展或是发生改变。

    如题,每天花大概两三个小时,已经花了两三个月的时间学习 Vue 了,还是没法独立做项目,是不是不太适合做前端这个岗位。

    之前有做过两三年的前端,那个时候的技术还是使用 jquery ,javascript 也是半吊子技术,html 和 css 这些倒是还行, 因为一些原因这三四年也没有工作过。不过这几年的 javascript 新特性,css3 和动画也不太熟。 想想除了把前端捡起来也没有其他的岗位能做😮‍💨

    另外求教一下,再多花点时间把 Vue 学好有望找到工作吗,还有什么是一定要会的 V 友们给点建议。

    152 条回复    2024-04-30 20:19:54 +08:00
    1  2  
    YIsion
        1
    YIsion  
       221 天前   ❤️ 3
    我感觉 VUE 就是给后端用的。就是 模板 +js+ css 。写起来和搭积木一样。react 那种写法我才感觉反人类
    yunv2
        2
    yunv2  
       221 天前
    既然有 jQuery 基础,主要时间花费可能就是看看 vue 基础语法

    看完语法,用脚手架初始化项目,用啥组件往里 npm ,直接使用,学它是为了用它

    先用起来,哪里不会再查,再学

    实在不行别自己扣,网上用 vue 从 0 开始做一个项目的视频一大把,每天跟着敲一点,也不至于两三个月不能独立做项目吧
    LandCruiser
        3
    LandCruiser  
       221 天前   ❤️ 7
    有问题。会 html 和 js ,读两遍文档,看两个视频还不会用的话,我是不太理解。vue 已经非常无脑了,非常范式了,data 生命周期,methods computed watch 模板,简直就是填空题。我当初学会 html js css 之后,学 vue 和 react 各用了一天就可以写东西了,当然写的不好,但也是完全理解数据驱动的思想了。
    keyboardCat
        4
    keyboardCat  
    OP
       221 天前
    @yunv2 就是在跟着网上的视频在学,做的过程中经常遇到各种 npm 安装或者构建的问题卡住,然后不看视频,自己做起来就不行了。

    @LandCruiser 感谢指导,再去看看数据驱动相关的文章。
    dd0754
        5
    dd0754  
       221 天前   ❤️ 1
    这不是看会文档就能上手的吗?
    ipwx
        6
    ipwx  
       221 天前   ❤️ 2
    学编程不能做成背诵题,是理解题。
    xiebruce
        7
    xiebruce  
       221 天前
    @keyboardCat 我每次都是因为 npm 问题卡住,别说不看视频,看视频我也做不了,因为视频是滞后的,我现在的情况跟视频的情况不一样
    WonderCc
        8
    WonderCc  
       221 天前
    我一个后端都学会了 看一下官网的教程吧
    LandCruiser
        9
    LandCruiser  
       221 天前
    @xiebruce npm 无非就是三个问题,第一,版本不匹配,一般装对了 nodejs 版本就不存在这个问题。第二,下载东西慢,换源或者翻墙随意。第三,node-gyp 问题,这个问题全局翻墙可以解决。主要就是翻墙问题,和 npm 关系不大。
    JingW
        10
    JingW  
       221 天前
    没关系, 我也学不会,好在做不了前端可以做后端,总还有口饭吃
    xiebruce
        11
    xiebruce  
       221 天前
    @LandCruiser 第一,不是翻墙问题,第二,不是 nodejs 版本问题,这两个对我来说根本就不是问题,还有源问题更不是问题,我说的是包依赖方面的问题。晚上回去的时候我发上来看看
    realJamespond
        12
    realJamespond  
       221 天前   ❤️ 1
    刚开始用 vue 不到一年,实在受不了转 react 现在快 8 年了
    BG7ZAG
        13
    BG7ZAG  
       221 天前
    直接学 vue3 ,用 pnpm ,设置淘宝镜像,使用常用类库就行,sass 直接用 sass 库。不要用 node-sass
    wanguorui123
        14
    wanguorui123  
       221 天前
    vue 应该是最简单的模板引擎了吧
    keyboardCat
        15
    keyboardCat  
    OP
       221 天前
    nodejs 的版本经常会有问题,另外依赖的版本也会出现问题,会导致卡壳。

    另外除了 vue 之外,看到还有各种的插件比如 vue-router, vite 之类的要用,官网的文档里面好像没有,单独某一个能看懂,可是全部放到一起就经常出问题,或者不会写了。
    rookie2luochao
        16
    rookie2luochao  
       221 天前
    @keyboardCat 多试试,多总结,试过才知道,vue2, vue3 文档很详细了,跟着文档练习下,再找个简单项目跟着练练,加油
    alleng
        17
    alleng  
       221 天前
    建议学学《衡水学习法》
    m240655880
        18
    m240655880  
       221 天前
    最近也在看,一个后端看 vue ,感觉不是特别难,写的很好估计做不到,但是上手写估计还行
    xyj998
        19
    xyj998  
       221 天前   ❤️ 1
    找一个 github 基础的 vue admin 项目研究研究源码照着写就会了
    Rrrrrr
        20
    Rrrrrr  
       221 天前   ❤️ 2
    别搞了,别说你是新手,现在熟手都没人要
    juntaol678
        21
    juntaol678  
       221 天前
    vue 学不会。。。有没有可能不是不适合前端这条路,而是不适合程序员这条路?
    keyboardCat
        22
    keyboardCat  
    OP
       221 天前
    @Rrrrrr 确实工作不好找,关键是没有其他岗位的工作经验,也不好找
    chunkingName
        23
    chunkingName  
       221 天前
    直接用、不要学,我刚毕业那会忽悠领导说我 vue 很熟练,实际我屁 VUE 都不会, 直接按照官网文档搭个脚手架就开始把项目由 JQ 升级到 vue 不会就搜, 当时我连 v-if v-for 是啥都不知道,一样正常写项目。 直接上手,练几天就会了。
    在使用中学习,程序员就得多上手。
    wjx0912
        24
    wjx0912  
       221 天前
    vue 需要的不深入,但是知识点很多,建议直接撸项目
    zhhbstudio
        25
    zhhbstudio  
       221 天前
    我是前端开发,很好奇你们到底遇到的是什么问题,如果方便的话贴出截图,或者直接放 github 地址,我来看看到底怎么个事儿,
    keyboardCat
        26
    keyboardCat  
    OP
       221 天前
    @wjx0912 没找到工作前没有项目练手😂
    keyboardCat
        27
    keyboardCat  
    OP
       221 天前
    @zhhbstudio 每次遇到的问题不同,也都没有存档,现在也没法截图了。
    flytsuki
        28
    flytsuki  
       221 天前
    两个月。。。我当时看了几天就把 vue 用到正式项目里去了
    zhhbstudio
        29
    zhhbstudio  
       221 天前
    @keyboardCat 反正我学 vue 就是跟着(落后的)教学视频做了他那个一摸一样的东西,css 还是直接复制过来的,然后就工作了,大多数是直接照着已有代码直接抄
    popn74
        30
    popn74  
       221 天前
    那试试学后端吧
    35qUgtm8i1i3tVZu
        31
    35qUgtm8i1i3tVZu  
       221 天前
    前端核心还是 ui 设计 vue 和 react 这些不就是 js 吗 能看懂文档还能不会?
    shyangs
        32
    shyangs  
       221 天前   ❤️ 1
    Vue 、React 、Angular 三選一,

    都學不會,那就建議你改行。
    skipwitit
        33
    skipwitit  
       221 天前
    说实话 半吊子后端 随便看看 vue 都能上手了
    可能楼主的基础太薄弱了 得花时间补
    ZGame
        34
    ZGame  
       221 天前
    建议跟着慕课网的一些比较新的 vue 视频敲一下,看你的描述是实践太少了
    wangtian2020
        35
    wangtian2020  
       221 天前   ❤️ 1
    过时的代码教学视频害人,其实很多 npm 和构建一些问题,对于会的人就 2 分钟解决的事,而对刚学的人一周都解决不了。
    各种和视频对不上的东西,都需要你有探索精神,把报错信息全部复制到 google 搜索框搜索解决办法,当然如果能问 chatgpt 更好。
    你能上 chatgpt 的话,自己跟着文档学效果比看过时的视频更好
    NullData
        36
    NullData  
       221 天前
    你留个 qq 吧,有问题的话我可以给你答疑
    leeggco
        37
    leeggco  
       221 天前
    前端已经走远了,做巨难听的,你这种情况现在根本找不到工作
    liuzhaowei55
        38
    liuzhaowei55  
       221 天前 via Android
    vue 3 学不会是应该的,试试 react 吧,vue 3 生造了太多概念性的东西,挺多人都是 vue3 的时候转了 react
    Jame00001
        39
    Jame00001  
       221 天前
    @LandCruiser 你是比着成品画瓢,他是盲人摸象连个正经的项目都没见过。
    ixixi
        40
    ixixi  
       221 天前
    试试背诵 forin forin forin ?
    Jame00001
        41
    Jame00001  
       221 天前
    @LandCruiser 净出些馊主意,你们公司开发都要依赖翻墙吗。只需要将默认国外镜像切换到国内就行了。
    Jame00001
        42
    Jame00001  
       221 天前
    @keyboardCat node 版本通常不会出问题,把 sass 换成 less 基本就不会有 node 版本问题
    1016
        43
    1016  
       221 天前
    别人 3 年的 5 年的 7 年的有的都很难找到工作 你啥框架都不会你现在去 vue 为什么还要在这个上面浪费时间啊... 做点其他的不好吗?
    keyboardCat
        44
    keyboardCat  
    OP
       221 天前
    @1016 其他的也不会,也不知道还能做什么,唯独前端还有过一点工作经验。
    Iamadog
        45
    Iamadog  
       221 天前
    我的建议是找一个开源项目直接去看项目代码,尝试在里面写个页面,或者去看看老页面用了什么,注释掉一段代码会有什么效果,是报错还是什么的,然后遇到不懂的 api 去找官方文档看看
    daodao
        46
    daodao  
       221 天前   ❤️ 2
    想学会 vue 快速找到工作 我觉得机会不大,前端大量失业的,且薪资要求的都很低。如果你硬要上 vue ,建议一边学一边实操:

    1. 先学会用数据在 template 和 style 里面学写 HTML 和 CSS 样式,在 script 里学写响应式数据,数模分离实现在 view 里面渲染
    2. 学路由规则的设计和跳转的逻辑
    3. 实现一个独立的单组件,学会跨组件、跨视图的数据通信( props + pinia ),还有表单里面的 v-model
    5. 学下 axios 组件 ,学会在 script 里面调用接口获得动态数据
    6. 理解下 jwt 的工作原理,学下通过 axios 如何添加请求拦截器,如何携带 token

    。。。
    vue 基本上就这点东西,2 个月做不出完整的东西 很正常,因为你还缺少一个完整工程化的思维方式,可以小破站多看看从 0-1 完成一个完整项目的过程,注意都思考多总结人家这么做的原因,然后再下手写代码。不要被楼上那些人吓唬到了,加油。
    Iamadog
        47
    Iamadog  
       221 天前
    我当时学 vue 也是看感觉看不懂,但还是硬着头皮看了一遍,然后和别人一起做项目,我负责打杂,遇到不会的我直接去参考他的代码.遇到不会的直接搜文章看或者去官网看文档,慢慢写了两个页面就知道怎么用了
    LastStarDust
        48
    LastStarDust  
       221 天前 via Android
    @keyboardCat npm 经常遇到问题,用固定版本号就好了,保持一致
    plasticman64
        49
    plasticman64  
       221 天前
    vue3 学不会有点不正常但是能理解,vue2 的话很难理解,vue2 真心不难吧
    Laimf
        50
    Laimf  
       221 天前   ❤️ 1
    靠着 vue-element-admin ,学会了 vue ,建议模仿下这个项目,很多公司内部也在用这个
    ZnductR0MjHvjRQ3
        51
    ZnductR0MjHvjRQ3  
       221 天前
    别来前端了,没活路的,不如直接去卷 java
    jifengg
        52
    jifengg  
       221 天前
    @Laimf 和你一样,也是 用 vue-element-admin ,看了 vue 语法,大概一周后开始写项目。楼主也可以看看。不过这个是 vue2 ,不知道现在有没有 vue3 的
    keyboardCat
        53
    keyboardCat  
    OP
       221 天前
    @daodao 感谢分享

    @Iamadog 感谢鼓励
    @plasticman64 就是 vue3, vue2 以前写过一点 3 感觉完全就是不一样的东西
    caqiko
        54
    caqiko  
       221 天前
    是不是对前端工程化这方面比较痛苦?如果是这样的话,建议先了解一下:npm 、脚手架、webpack 之类的
    这些在开发过程中配置好后基本就不会再动了。然后学习一下项目文件结构。

    相反,我觉得最难的是 css ,想要自己写一个好看的布局太难了…
    esile
        55
    esile  
       221 天前 via Android
    后端学 vue 很久了 一直没入门
    1016
        56
    1016  
       221 天前
    @keyboardCat 21 年的时候别人培训班出来 都有很多找不到工作 何况你几乎可以说是小白。
    FrankAdler
        57
    FrankAdler  
       221 天前 via Android
    没有工作经验,学习能力也不学,空窗期又很久,不如看看别的行业吧,程序员这个行业已经很卷了,比你厉害一些的都找不到工作,试试转测试吧门槛低很多。
    paopjian
        58
    paopjian  
       221 天前
    渡一免费的课看过了吗,袁进的短视频讲的挺不错的
    dcoder
        59
    dcoder  
       221 天前
    @keyboardCat 如果你是"各种 npm 安装或者构建的问题卡住", 这个不是前端的问题,是不擅长折腾配置环境的问题. 解决方法只有 2 个.

    1. 多折腾配置环境,多练习 troubleshooting. 至少总结出几套靠谱的配置方法, 比如学会自己从 0 构建 node 项目,并使用 lock, 让自己的项目处于可靠的各个 checkpoints 上, 一旦折腾坏了, 马上退回上个能用的 checkpoint.

    2. 实在不会自己配置环境. 那就不要自己做小项目了, 只能刷题去大厂让别人给你配置, 或者干脆不干程序员啦.
    guonaihong
        60
    guonaihong  
       221 天前
    分享一个简单的方法。有问题直接问大模型,无论是部署还是写代码。
    coderhxl
        61
    coderhxl  
       221 天前
    得先打好基础,html css js 得牢固,不然在学 Vue 过程中还要去补基础,这样效率很低的
    duanxianze
        62
    duanxianze  
       221 天前
    显然是基础不行,虽然前端门槛低,但是最基本的编程逻辑还是要有的
    bearboss
        63
    bearboss  
       221 天前
    是用 windows 装 npm 吗 是的话换 wsl2 或者 linux 虚拟机之类的环境,node-sass 改成使用 sass
    gdfsjunjun
        64
    gdfsjunjun  
       221 天前
    你是指 Vue2 还是 vue3 ? 3 完全用不习惯啊,还是用 2 算了
    idragonet
        65
    idragonet  
       221 天前
    @keyboardCat #26 自己模拟项目
    mynameislihua
        66
    mynameislihua  
       221 天前
    这个 2 周不就学完了.....
    gav1nwwk
        67
    gav1nwwk  
       221 天前
    @YIsion 同后端,React 的语法是模块化的,哪里反人类了,反倒是让你去操作标签才反人类吧???
    totoro52
        68
    totoro52  
       221 天前
    这玩意的语法那么简单,为啥学不会,要理解不要死记硬背
    hellofreckles
        69
    hellofreckles  
       221 天前   ❤️ 1
    感觉楼主方法有问题。现年头学技术,一定是要跟着一个需求一起用起来,通过业务需求的迭代,技术实现也逐步提升,动画不会就先不用,组件不会写就先用流行的,实在不会写逻辑,就一点点问 GPT 。总之就是要为业务目标服务。。要不永远都会有没有学到手的感觉。
    RRRoger
        70
    RRRoger  
       221 天前
    说明你内心是抗拒的 你逼着自己写一个项目 就好了
    YIsion
        71
    YIsion  
       221 天前
    @gav1nwwk 让我感觉回到了写 JSP 的年代
    LunaSeki
        72
    LunaSeki  
       221 天前
    懂你意思,相比于 vue 的入门难度,npm 的各种报错确实挺折磨的
    解决方法要么是善用搜索(最好是英语 google ),要么是克隆别人最新的模板项目(一般来说冲突会少点),而且路由之类的东西都会配好,一键启动就可以了,先入门再研究项目底层也是可以的
    xianren711
        73
    xianren711  
       221 天前
    @keyboardCat 找个尚硅谷之类的课程,先过一遍语法,然后跟着做一个项目就差不多了,先跟着写,vite,vue-router 先知道它们的用法,反正一般开发也不会要求知道他们的原理
    g0python32
        74
    g0python32  
       221 天前
    突然记起, 论坛前段时间有个直接 copy 写好的 vue-admin, 自己稍微改改就放上 github, 来论坛找工作了, 还一堆人夸写的好 🐶 后面关注了一下, 那个 repo 不在了, 不知道是找到工作了还是没找到
    Ma4cus
        75
    Ma4cus  
       221 天前
    前端已死,勿入
    moqsien
        76
    moqsien  
       221 天前
    后端程序员表示最近也在学 ts 和 vue ,感觉比后端啥的容易。
    dif
        77
    dif  
       221 天前
    后端表示最近在搞 ts 和 angular ,但想学 vue ,痛苦啊。垃圾样式玩不明白,尤其是动画特效这种的。
    gav1nwwk
        78
    gav1nwwk  
       221 天前
    @YIsion 别提,头疼,React 明明很好用,为啥非要走偏门?
    maplelin
        79
    maplelin  
       221 天前
    当年刚开始接触前端的时候,vue 一周就上手了,那会还是 webpack 构建,光配置项看文档都能看几天,现在 vite 应该上手更简单,反倒是一些 js 基础知识花了一年才补完
    catch
        80
    catch  
       221 天前
    你看看网友 都是几天就会了
    clue
        81
    clue  
       221 天前
    是...
    前端门槛太低, 竞争激烈, 你现在进来没任何优势
    或者说, 做了这么多年, 连 js 还是半吊子, 感觉也不是很适合当程序员, 这行没有兴趣挺难做深的
    encro
        82
    encro  
       221 天前   ❤️ 1
    vue 真是不要一周就能玩得很溜呢,

    数据绑定,我改数据,界面自己动。
    将前端从复杂的交互解放出来,关注数据结构,数据变化,让界面自己动,就是 vue 核心。。。
    其他只是边角料。。。
    dboook
        83
    dboook  
       221 天前
    确实 不是 vue 难 是业务难吧 vue 很简单的
    chenmobuys
        84
    chenmobuys  
       221 天前
    确实有些旧依赖会出现 node 不兼容的问题,尽量找最新的教程
    MrSheng
        85
    MrSheng  
       221 天前
    是的,建议尽早放弃。
    代码写的好的确很难,但是直接上手 copy 是基础能力。
    xiebruce
        86
    xiebruce  
       221 天前
    @LandCruiser https://juejin.cn/post/7068215238935445540 我是按这个例子的,最后卡在测试 eslint 那里,`yarn lint`

    以下是报错信息
    yarn run v1.22.22
    $ eslint src --fix --ext .ts,.tsx,.vue,.js,.jsx
    Invalid option '--ext' - perhaps you meant '-c'?
    You're using eslint.config.js, some command line flags are no longer available. Please see https://eslint.org/docs/latest/use/command-line-interface for details.
    error Command failed with exit code 2.
    info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.
    yangzzzzzz
        87
    yangzzzzzz  
       221 天前
    拿着那些 admin 项目 照着流程写一遍就会了。我学的 java 第一份实习 学了一个多星期就开始写 vue 项目了 从 0 开始很快的
    SuperXRay
        88
    SuperXRay  
       221 天前
    直接上手项目边做边学
    xiaotan5
        89
    xiaotan5  
       221 天前
    我干了那么多年的 vue ,从 0 搭一个我也不会。没有目标的话,不想干。但是单独开发一个模块,还是可以的
    coolmint
        90
    coolmint  
       221 天前
    我公司就是突然让我干 vue 去,之前弄 flutter 的(也是公司需要学的),有实际的工作的话,一周内上手压力不大,不过深层次的东西确实不懂,但是干业务需求足够了。
    ipwx
        91
    ipwx  
       221 天前
    @xiebruce 版本不匹配吧,你看看 eslint 文档啊。视频不一定匹配最新版本啊
    murmur
        92
    murmur  
       221 天前
    @gav1nwwk react 连最基本的对齐都没法保证,js 和 jsx 混写,你排版多乱
    ipwx
        93
    ipwx  
       221 天前
    我学东西基本没看过任何 B 站视频…… 基本都是文档起手。

    除了 Spring 那坨又臭又长的。
    murmur
        94
    murmur  
       221 天前
    @xiebruce 官方文档不看的吗,官方的脚手架比这个详细多了,要不要状态管理,css 预处理用什么,路由要不要,要不要 lint ,都可以自己选

    你不会 lint 就用 lint 当然容易出问题
    enjoyCoding
        95
    enjoyCoding  
       221 天前
    你这问题确实很奇怪, 我用已有的仓库跑了 `eslint src --fix --ext .ts,.tsx,.vue,.js,.jsx` 也妹报错啊
    eslint version 7.16.0
    看了这个才知道 在 eslint 9.0+以后不支持 --ext 了 https://github.com/eslint/eslint/issues/17931 降低 eslint 版本就可以解决这个问题
    so 遇到这个问题的根本原因是 node 版本太高了? 用的 20+? 改成 14 或者 16 试试呢?
    PhonRT
        96
    PhonRT  
       221 天前
    文档+chatGPT
    wolfan
        97
    wolfan  
       221 天前
    我觉得你可能是说你还没精通。

    其实只要学会了 vue 里的数据来回倒腾,基本上就可以就业了,再深入是 js 高阶段的内容。
    所以你应该是还没弄会高级 js 。
    Chuckle
        98
    Chuckle  
       221 天前
    先了解下 mvvm 以及前端工程化,了解了 vue 基本运行逻辑后,学起来就快了,常用的 api 两只手能数过来,api 侠嘛,用多了才能熟,用到再去看文档。想实现某个功能也可以先问 gpt ,再去了解涉及到的 api 。
    rioshikelong121
        99
    rioshikelong121  
       221 天前
    你有用 LLM 去 Pair 着学习吗?
    yeqizhang
        100
    yeqizhang  
       221 天前 via Android
    要学那么好干啥,学会了 mvvm 直接面相搜索引擎复制粘贴,curd 先。我后端半天入门 vue ,但是 react 是看了一些 b 站视频算是一天入门,做一些前端开发
    1  2  
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2205 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 29ms · UTC 01:13 · PVG 09:13 · LAX 17:13 · JFK 20:13
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.