Vue 与 React 比较，十年恩怨情仇整理

过去的十年里，出现了许多令人兴奋的前端技术。其中，最为亮眼的当属 Vue.js 和 React.js，他们一经出世就备受前端开发者的欢迎，当然，流行框架之间的比较也从未停止。本文将从思否社区中出现的第一篇 Vue.js vs. React.js 技术比较文章开始，回顾这两位在开发者们眼中的明星框架，十年间都发生了哪些变化。

本文不只是技术的对比分析，更是对那些年我们一起追过的框架的致敬。让我们从头再来一次，感受 Vue.js与 React.js 在这十年间给我们带来的挑战和成就吧～

2016

一段人人都应该知道的从 Vue 到 React 的过渡史

卖萌出家的算法妹纸 嘉宝Appian:
以前写 Vue 写惯了，心血来潮，写起了 React。并根据 Vue 官网文档的语法顺序，写了对应的 React 的语法，并附一个教程 demo 。

React 还是 Vue：你该如何选择？

社区深耕前端的开发者 大猛：
React 和 Vue 的适用范围无疑是很相似的：同样是基于组件的轻量级框架，同样专注于用户界面的视图层。同样可以用在简单的项目中，也同样可以使用全家桶扩展为复杂的应用程序。

2017

React or Vue: Which Javascript UI Library Should You Be Using?

专注前端 JavaScript 技术的 sunny：
很多 web 开发人员都想知道，到底应该选择哪一个？一个明显优于另一个？有什么需要注意的利弊吗？还是说，两者基本相同？这篇翻译文章中或许能找到你要的答案。

Vue 和 React 的差异

热衷于技术问答的 jsdt：
一直在关注 React ，目的不是学习用法，只是为了拓展自己的视野和思维。通过了解一些使用上的差异性，来进一步的思考其底层设计的思想。

延伸阅读

• 服务端渲染性能大乱斗：Vue, React, Preact, Rax, Marko

2018

Vue 与 React 两个框架的粗略区别对比

善于总结的 hurely：
Vue 更易上手，提供模板和双向绑定；React 以 JSX 和单向数据流为特色。两者均快速、组件化，但 React 生态更丰富，Vue 在中国使用更普遍。

Vue、React 和 Angular横向比对（数据对比）

来自深圳的前端工程师 HankBass：
Vue 有着很好的性能和高深的内存分配技巧。如果比较快慢的话，这些框架都非常接近（比如 Inferno）。请记住，性能基准只能作为考虑的附注，而不是作为判断标准。

延伸阅读

• Vue.js 超越 React.js？勿以 star 数论高低！

2019

angular，react & vue

一只跨越 2018 - 2019 年的 黑猫o：
如果你喜欢面向对象编程（OOP）: Angular;
如果你喜欢JS和“一切都是 Javascript 的方法”：React;
如果你想要最平缓的学习曲线：Vue
......

浅谈 MVC，MVP，MVVM 渐进变化及 React 与 Vue 比较

谦虚的前端技术大佬 Afterward：
写完之后我知道这文章好水，特别是框架对比部分都是别人说烂的，而我也是打算把这作为长期文章来写，慢慢梳理深入。每次有新的理解就更新文章，我挺期待之后到了超过字数限制不得不写成系列文章的那一天。

Vue 还是 React？小孩子才做选择题！

英国南安普顿大学交互设计研究僧 视觉派Pie:
最近在学习使用框架的时候，分别使用 vue 和 react 开发了两个移动端产品，对这两个框架的学习曲线有了一些感悟，这两个都是现在比较热门的js框架，它俩在使用方式上和学习复杂度上还是有很大区别的，这里简单总结下两者的差异。

延伸阅读

• Vue面试题精选：Vue与React的区别，分别在哪些场景下使用更合适？
• 都 9012了，该选择 Angular、React，还是Vue？
• 前端框架用vue还是react？清晰对比两者差异
• React还是Vue：你该如何选择
• 通过框架设计理解React、Angular、Vue区别

2020

Vue3 究竟好在哪里？（和 React Hook 的详细对比）

来自字节跳动的工程师 ssh_晨曦时梦见兮：
我对于 React 和 Vue 都非常的喜欢。他们都有着各自的优缺点，本文绝无引战之意。两个框架都很棒！只是各有优缺点而已。React 的 Immutable 其实也带来了很多益处，并且 Hook 的思路还是 Facebook 团队的大佬们首创的，真的是很让人赞叹的设计，我对 React 100% 致敬！

你不知道的React 和 Vue 的20个区别【源码层面】

社区中的一位擅长 Vue、React、小程序、TS、PHP、Node 乱炖的 火狼：
面试竞争力越来越大，是时候撸一波 Vue 和 React 源码啦，本文从 20 个层面来对比 Vue 和 React的源码区别！

延伸阅读

• 2020 年，Vue 受欢迎程度是否会超过 React？
• ReactJS 与 VueJS：两种最流行的前端 JS 框架之战
• 你应该要知道的React和Vue的区别
• 为什么我们放弃了Vue？Vue和React深度比较
• Vue和React的区别
• Vue与React两个框架的区别和优势对比

2021

前端两大框架 React 与 Vue 对比总结

来自南京的前端工程师 SuRuiGit：
React 和 Vue 是目前前端最主流的两大框架，最近面试总是被问及 React 和 Vue 的异同对比，这次就大概梳理一下吧

延伸阅读

• 2021 年 Angular vs. React vs. Vue 前端框架对比
• 前端框架之争丨除了Vue、Angular和React还有谁与之争锋

2022

从 useEffect 看 React 、Vue 设计理念的不同

前端大佬《React技术揭秘》作者 卡颂大大：
我们知道，React 发布 Hooks 后，带来了业界一波 Hooks 热。很多框架（比如 Vue Composition API、Solid.js）都借鉴了 Hooks 的模式。>但是，即使这些框架都借鉴了 Hooks ，但由于框架作者的理念不同，发展方向也逐渐不同。

延伸阅读

• React、Vue2和Vue3在原理等内容上的异同
• 京东云开发者｜关于“React 和 Vue 该用哪个”我真的栓Q

2023

【5年以上前端】Vue 和 React 的区别看这里

与代码交手这些年，你是否光彩依旧，生机盎然？社区用户 沐华：
最近部门招人，捞了一批简历至少都是5年以上的前端来面试，其中不乏360的，腾讯的，简历上写的基本都是熟练使用 Vue2、Vue3、React 并阅读源码对其实现原理有自己的理解，实际问起来却不免让人唏嘘。
毕竟是两个框架，不像两个 API，要说细节上的区别就太多太多了，可能能聊几个小时都聊不完，所以你给自己的定位是什么呢？

延伸阅读

• 同样是跨端框架，React会不会被VUE取代？
• Vue vs React：你需要知道的一切

随着时间的推移，Vue.js 和 React.js 的争论似乎已经超越了单纯技术层面的比较，它成了开发者情感和记忆的一部分。在这个不断变化的行业中，每个开发者的技术旅程都与这两个框架交织在一起，记录着晚上加班的咖啡，以及凌晨敲下的每一行代码。

在这些对比和讨论之中，我们不仅见证了 Vue 和 React 的成长，也见证了无数开发者的成长。正是这些技术的竞争，推动了前端界的繁荣，也激发了开发者们追求卓越的热情。

如今，当我们再次审视这段历史，不禁感慨万千。这不仅仅是关于框架的选择，更是关于我们的选择。每一次的技术选型，每一次的项目决策，都是我们职业生涯中的一个个脚印。Vue 和 React，在技术社区的激烈讨论中，已经不再是简单的技术实体，它们已经成为了我们共同的记忆，一段段不可磨灭的历史。

或许，未来的某一天，我们会告别这些框架，转向新的技术。但是这些关于 Vue 和 React 的讨论和故事，将会像老朋友一样，在记忆中久久回响。技术总在迭代，而情感和记忆，将永远不会过时。

---

欢迎大家在评论区继续这场关于 Vue 和 React 的讨论，你的每一个观点，无论是赞同、反对，还是单纯的思考碎片，都是这个社区宝贵的财富❤️