相亲N次失败后，我靠Vue.js和大模型35天拿下前端Offer

去年我还是个Java后端，月薪15k，在外包公司混日子。裁员潮里侥幸留下，但相亲七八次，姑娘们听到“外包”和“15k”就变脸。直到遇见不嫌我穷的小陈，我决心转前端搏一把，目标22k。

从“Hello World”到怀疑人生

起初我天真地跟B站Vue3教程敲代码，结果被ref、reactive、虚拟DOM直接干懵。最崩溃的是搭项目时，npm install卡死报错，群友嘲讽：“都2026年了还用v14？”后来写父子组件通信，因ref大小写错误，查了两小时undefined，差点砸电脑。

大模型救了我的狗命

第八天，我用ChatGPT问“兄弟组件通信”，它立刻给出mitt总线的完整示例，一跑就通。从此我彻底放弃冗长视频，转向实战驱动+大模型辅助。

第一周搭架子：让大模型生成Vue3 + Vite + Element Plus模板，并解释main.js、App.vue、路由和状态管理的作用，重在理解架构。

第二周撸业务：写一个“相亲管理系统”，包含列表、评分筛选等功能。每写一步就问大模型，遇到报错直接丢给它，80%能秒解。比如实现动态排序时，我直接sort原数组，页面无反应。大模型指出需先拷贝，给出正确写法：

const sortedList = computed(() => {
  return [...girlList.value].sort((a, b) => b.score - a.score)
})

这种细节坑，大模型能精准定位，学习效率翻倍。

踩过的坑比相亲次数还多

大模型也非万能。有次问keep-alive缓存，它给了Vue2写法，导致数据错乱，凌晨一点才发现Vue3需用onActivated。还有次做倒计时组件，我忽略“清除定时器”的提醒，结果页面卡成PPT，控制台开了几十个定时器。从此，我对它每条“注意”都格外重视。状态管理上，我从绕晕的Vuex换到Pinia，配合大模型生成useGirlStore并写好persist插件防数据丢失。小陈试用后吐槽：“做产品用户早跑了，但学习还行。”

35天后的面试奇遇

八月初我投简历，重点突出“相亲管理系统”及Vue3全家桶，还写上“利用大模型提升效率300%”。前两家挂掉，因答不出diff算法和手写v-model。第三家电商公司，技术官问我数据量大怎么办，我答虚拟滚动；问首页优化，我立刻说出路由懒加载、CDN、gzip压缩等。最后他问：“怎么看用大模型写代码？”我坦言：“它像高级搜索引擎，能快速定位问题，但不理解原理你敢用？我都是先让它解释思路再自己写。”他笑了，认可我的务实。

次日HR开价20k，我以“有后端全链路思维，能高效用大模型解决问题”为由还价22k，成功拿下。那一刻，三年来的压力终于释放。

掏心窝的话

首先，别死磕视频。大模型是私人教练，能定制路线、秒解报错，但能力必须亲手敲出来。其次，必须有实战项目。面试官看重解决问题的思路，跨域、Token过期等真实问题，大模型能帮你，但前提是你得先遇到。最后，别被焦虑压垮。只要肯学，35天足够从Vue小白到独立做项目。迷茫时，今晚就用大模型生成一个项目，从“Hello World”开始。

那个相亲系统我还真用上了，小陈正用它帮闺蜜物色对象。看着她评分筛选，我突然觉得，写代码有时也挺浪漫。