刷了一輪職缺才決定轉棧：那篇「Vue3 轉 React」對照表，替多少人把話說完了

2026年10月18日，掘金用戶「月夏」發布了一篇長文，標題直接把內容講完：「Vue3 轉 React：18 項對照表 + 5 個必踩的坑（附 7 天上手路線）」。文章的起點很現實：作者最近在找工作，把 BOSS 直聘和其他招聘 App 刷了一遍，發現招前端的職缺十有八九寫的是 React，而自己寫了三年 Vue3，拿得出手的專案經驢全是 Vue。經驗夠，技術棧不對，人就這樣卡住了。

這篇文章在講什麼，先把重點補上。

學習動機：職缺在那裡，人得過去

作者在開頭就把話說得很白：學 React 的理由並非「React 更流行所以我學」，而是「職缺在那兒，我得過去」。這句話替一大羣被技術棧綁住的工程師把心聲講完。你有三年 Vue 經驗，履歷上的作品也夠看，但徵才頁面上的那一行字寫著 React，你的經驢就成了別家的經驢。

文章也先回應了一個必然出現的質疑：AI 都會寫程式碼了，還學這些幹嘛。作者的答案是「AI 寫的程式碼，總得有人看得懂」。這個回應不算新，但放在求職語境裡，比空談 AI 時代的技能焦慮更貼地。

一條主線：自動追蹤與手動宣告

整篇文章的核心對照，作者收斂成一條主線：Vue 幫你自動追蹤依賴，React 要你手動宣告依賴。後面所有差異，都從這條線長出來。

狀態管理是最直觀的例子。Vue3 裡寫 const count = ref(0)，改值用 count.value = 1，界面自動更新。React 裡換成 useState，count 就是值本身，想改它只能呼叫 setCount。作者點出新手最常見的坑：改了普通變數，界面不會刷新，因為你繞過了那個唯一的更新入口。

差異最大的是副作用這一塊。Vue 的 watch 與 watchEffect 對上 React 的 useEffect，作者給的相似度評級是「中」，是整張對照表裡分岐最深的地方。文章給了一個判斷口訣：一個 effect 執行完，有沒有往外留下「活物」。活物指的是監聽器、定時器、訂閱、實例、請求。改 document.title 跑完就結束，不用清理；訂閱了好友狀態，元件卸載時就得手動退訂，否則記憶體會漏。

模板引用、路由、樣式類名這些項目，相似度就高得多。useRef 對應模板 ref，useParams 對應 vue-router 的用法，className 則與 Vue 的 class 完全等價。換句話說，真正要重建心智模型的只有一小段，其餘多半是換語法的力氣活。

換一套語法，平移一套心智模型

作者對這趟轉棧的定位值得留意：你並非從零學起，而是把腦中已有的心智模型逐項平移過去。文章刻意不教 React 基礎，假設讀者已經懂 Vue3 的 ref、computed、watch，只做一件事，把會的東西映射到 React。

這種「對照表式學習」在開發者社羣其實有固定受眾。前端框架的遷移文、技術棧的互相翻譯文，向來是掘金等技術社羣的長青題材，因為它解決的是同一種處境：人被專案綁在一套技術上，市場卻站在另一套那邊。先前我們也看過後臺開發者圍觀一套把若依前端整臉換掉的新方案，背後同樣是「不想重學、只想換殼」的務實心態。

值得留意的幾個點

文章標題承諾了 18 項對照與 5 個必踩的坑，從目前流傳的內容看，可確認的部分集中在映射總表、狀態管理與副作用的完整程式碼對照，其餘章節細節以原文為準，這裡不代為補全。

幾個可以確定的訊息：

• 這是一篇求職驅動的技術文，動機來自招聘市場的職缺結構，來自作者本人的實際體感。
• 目標讀者設定明確：懂 Vue3、想快速接上 React 的人。
• 核心差異被收斂成一句話：依賴追蹤的自動與手動。

至於「7 天上手路線」實際走不走得通，涉及個人背景與專案類型，文章本身也只能提供一種走法，當參考比當保證合適。

為什麼這類文章一直有人寫、一直有人看

技術社羣每隔一段時間就會出現一篇「A 框架轉 B 框架」的長文，格式穩定，受眾穩定。原因不複雜：框架之爭在社羣裡吵了十年，但真正逼人換棧的從來不是哪邊「更好」，而是職缺表。這篇文的價值在於它不假裝中立，開頭就把求職現實攤開，再給出可操作的對照。對卡在技術棧門檻上的人來說，這比任何框架評測都實用。

一支 AI 能寫程式的時代，看懂程式碼的能力被原作者放在了最後一格。這句收尾，大概也是這篇文章被轉發的原因之一。