从公司倒闭到Vue入门：一个老广前端的血泪实战指南
去年十月，广州的天气还热得像蒸笼。我坐在海珠区一栋老旧写字楼的工位上，盯着钉钉里老板发来的那条消息：“兄弟们，撑不住了，下周起暂停运营。”
那一刻，我手里那杯12块的鸳鸯奶茶差点洒了一键盘。
我是阿强，32岁，土生土长的老广，做了七年前端。那家公司是我跳槽后满怀期待加入的“区块链+Web3”创业项目，口号喊得震天响：“重构信任，代码即法律！”结果呢？代码没跑起来，工资先断了三个月。最惨的是，我老婆刚怀上二胎，房租3500，房贷6800，银行卡余额只剩4723.6元。
当时真的慌了。打开招聘软件一看，清一色要求：“熟练掌握Vue3/React，有区块链DApp开发经验优先”。我？还在用Vue2写后台管理系统，React只在培训班听过名字，区块链？只知道比特币涨跌让我心绞痛。
一、为什么是Vue？不是React？
很多人问我：“React不是更主流吗？为啥不直接冲React？”
我说：时间不等人啊兄弟！
React确实牛，生态强、社区大、大厂爱用。但它的学习曲线陡得像白云山的南坡——你得先啃JSX、Hooks、Context、Redux Toolkit……一套组合拳打下来，一个月过去了，简历还没更新。
而Vue呢？尤雨溪（Vue作者）就是中国人，文档写得跟教科书一样清晰，中文社区活跃，连我这种被生活压得喘不过气的中年码农都能看懂。零基础？没关系，三天就能跑通一个TodoList。
更重要的是：广州本地中小厂、外包公司、传统企业数字化转型，90%都在用Vue。 我翻了上百个岗位，Vue的需求量远超React。现实很骨感——先活下去，再谈理想。
二、我的Vue零基础实战路线（附踩坑记录）
第一步：别碰脚手架，先玩透Vue CDN
很多教程一上来就npm create vue@latest，搞得新人一脸懵。我当时直接打开 Vue官网，复制CDN链接，新建一个index.html：
<!DOCTYPE html>
<html>
<head>
<script src="https://unpkg.com/vue@3/dist/vue.global.js"></script>
</head>
<body>
<div id="app">{{ message }}</div>
<script>
const { createApp } = Vue
createApp({
data() {
return {
message: '老广今日饮茶未？'
}
}
}).mount('#app')
</script>
</body>
</html>
保存，双击打开——浏览器弹出一行字。那一刻，我差点哭出来。原来双向绑定真的这么简单！
内心OS：以前在那家“区块链公司”，天天开会讨论智能合约怎么和前端交互，结果连最基本的响应式都没搞明白。现在回想，纯属PPT造轮子。
第二步：用真实项目驱动学习
光看文档没用，必须动手。我给自己定了个小目标：一周内复刻一个“茶叶价格查询”小程序页面（毕竟老广离不开茶）。
- 用
v-for渲染茶价列表 - 用
v-model做搜索框 - 用
computed过滤普洱、铁观音等品类 - 用
axios请求本地JSON模拟数据
过程中踩了无数坑：
- 忘记给
v-for加key，列表乱跳 - 在
methods里直接改props，被控制台警告到自闭 - 异步请求没处理loading状态，用户以为卡死了
但每解决一个问题，信心就涨一分。编程不是背概念，是在报错中重生。
第三步：对比React，理解“声明式”的本质
为了不被时代淘汰，我也抽空学了点React。发现一个有趣的现象：
- Vue让你写模板（template），像写HTML；
- React让你写JSX，本质是JavaScript函数。
但两者核心思想一致：状态驱动视图。比如实现一个计数器：
<!-- Vue -->
<template>
<button @click="count++">{{ count }}</button>
</template>
<script setup>
const count = ref(0)
</script>
// React
function Counter() {
const [count, setCount] = useState(0);
return <button onClick={() => setCount(count + 1)}>{count}</button>;
}
你看，逻辑几乎一样。框架只是工具，编程思维才是核心。 当我理解这点后，焦虑少了一半——Vue和React，不过是粤语和普通话的区别，表达的是同一个意思。
三、关于“区块链”和前端的关系：别被忽悠了！
回到那家倒闭的公司。老板天天吹：“我们的DApp将颠覆金融！” 结果前端干的活是啥？
- 用Vue写个页面，调MetaMask钱包
- 显示ETH余额（其实就是读
window.ethereum） - 点“转账”按钮，弹出MetaMask确认框
就这？ 整个“区块链”部分，前端代码不超过50行。剩下的95%时间，还是在调UI、联调API、修兼容性bug。
所以奉劝各位：别被“区块链前端”这种词唬住。 它本质上还是Web开发，只不过多集成几个钱包SDK。先把Vue基础打牢，比盲目追热点实在得多。
四、从失业到入职：Vue真的救了我
去年11月，我投了23份简历，面了7家，最终拿到一份天河区SaaS公司的offer，月薪从15k涨到22k。
面试官问我：“看你上份工作写区块链，会Web3吗？”
我老实回答：“只做过基础集成，但Vue全家桶（Vue3 + Pinia + Vite + Element Plus）我能独立搭项目。”
他笑了：“我们不用区块链，就要扎实的Vue能力。”
入职第一天，组长丢给我一个任务：把旧版jQuery后台迁移到Vue3。 我花了三天搭好架构，用Composition API重写逻辑，性能提升40%。组长拍拍我肩：“老广，可以啊！”
那一刻，我才明白：技术没有高低贵贱，能解决问题的就是好技术。
五、给零基础朋友的真心建议
- 别贪多：先吃透Vue核心（响应式、组件、指令），别一上来就搞Nuxt、Vite、TypeScript。饭要一口口吃。
- 用你熟悉的场景练手：比如做个“肠粉店菜单管理”、“凉茶价格对比”，兴趣是最好的老师。
- React可以学，但别焦虑：Vue和React不是敌人。我在新公司也用React写过内部工具，因为思路相通，三天就上手。
- 警惕“技术泡沫”：什么元宇宙、Web3、AI编程，听起来高大上，但中小企业真正需要的，还是能快速交付业务的工程师。
最后：程序员不是码农，是问题解决者
现在每天下班，我会陪老婆去江南西喝一碗糖水，然后回家继续写点小demo。生活回归平淡，但心里踏实。
经历过公司倒闭，我反而看清了：技术会过时，框架会更替，但解决问题的能力永远值钱。 Vue也好，React也罢，甚至明天冒出个“Guangzhou.js”，只要我还能用代码帮人省时间、提效率、赚钱，就饿不死。
如果你也在迷茫，不妨从今天开始，打开编辑器，敲下第一行Vue代码。
记住，每一个大神，都曾是从{{ hello world }}开始的菜鸟。
共勉。
—— 一个在老城区租房、靠Vue翻身的老广前端
评论 0