为什么我们放弃了Vue？Vue和React深度比较

我使用Vue和React已经很长一段时间了，两个框架上实践代码量都在10万行以上。不得不说都是都很不错的，帮助开发者减少很多工作量，某种框架是现代化Vue和React在两者之间的选择并不像选择苹果或香蕉一样简单，两者在工程实践上的差异让我们逐渐放弃了Vue。此处以不一样的角度对彼此进行深度对比。

​

编辑切换为居中

添加图片注释，不超过 140 字（可选）

常见摇摆问题，观点

首先，我重新谈谈常见对比项目，观点的看法，这些部分内容可以通过一些文章或者Vue官方对比文档查到，主要目的是帮助小白解决入门摇摆问题。如果你反对，欢迎评论区留言Battle，反正我不会回答你这类问题。

Vue或React文档更丰富？

两者都有丰富的文档（包括中文文档），Vue文档，React中文，所以不用担心你四级都过不了，看不懂文档，这都是有眼就行的事〜当然，如果你提前懂点javascript相关知识也是大大滴好，ES6语法更佳，可以在这里跟阮老师学习，免费的电子书。文档和持续进阶不是你在两个框架间做选择的原因。

Vue的话需要记住各种指令，还有属性细节，免不了经常查文档。React相对简单，记住：“函数入口是props，出口是html”就行了。

​

编辑

添加图片注释，不超过 140 字（可选）

React学习门槛高？

这个也不是你选择框架的原因，如果这个也可以作为原因的话，我觉得是因为你懒，给自己找了借口。据我自己学习，实践总结，两个框架都很简单，有手就行，有脑就会，不见得会React就比Vue牛逼很多。其中都提供了相应脚手架，方便用户使用：

Vue

npm install -g @vue/cli vue create my-project

反应

npx create-react-app my-app cd my-app npm start

傻瓜式使用，无限div就完事了。

​

编辑

添加图片注释，不超过 140 字（可选）

大项目用React，小项目用Vue

这是我以前在华为的时候，内部讨论两个框架对比时下的一个标记。所谓呢？这个就是万精油标注，没有参考意义。你如何定义一个项目是大项目？超过xx万行代码？后端API超过xxx个？无论什么项目，都有做“大”的可能，只要正常运营，你就得持续维护，补充补充的需求。框架的可以替代更为重要。当然我可以这么跟你说，反应适度不适合“小”项目我不知道，但是Vue不适合“大”项目，业务代码超过5万行之后问题明显，后面会详细说这点。

XX大公司也在用Vue，我们跟随就行了

很多新手在入门一些框架，或者选型组件，方案时会看看什么大公司已经用了，避免自己踩坑。当然啦，我也可以滴。但是大公司可能只是“尝鲜”，“实验性” ”使用，这些项目对他们彼此无关紧要，选型失败了，压力给到开发工程师，996纠正就行了，而你，╮（╯▽╰）╭项目和屎一样也得维护下去。

​

编辑

添加图片注释，不超过 140 字（可选）

举个选型错误的例子，看看大公司怎么拯救的。

以前在华为做硬件项目的时候，用的原理图软件，那叫一个辣鸡，用着用着总想砸掉电脑。历史问题，选型错误，但无奈很多项目，基础库都在上面，只能硬着头皮搞，迁移的成本太高，软件厂商水平太差，但是华为牛逼啊，把那个软件大改特改，各种内部数据库都集成在上面，各种自开发的辅助工具，还是可以开发出很牛逼的产品，部门做的单板连续11年全球第一。

（PS：以前还用tcl写脚本呢，你也可以试试蛋不蛋疼）- 如果你觉得你能搞定选型错误带来的问题，或者你在华为，那当我们说。

Vue模板简单，React jsx有学习成本

同上。两个都很简单，一学就会。连这点东东都叫学习成本，我只能说：“我不是针对你，我是说在座的各位都是…”（Vue的模板有很多工程实践问题，后面详说。）

​

编辑

添加图片注释，不超过 140 字（可选）

性能对比

可以看看这个第三方基准测试，其中都都挺快的。不过我们实践过程中发现有差异，大列表渲染，大量数据加载，不做进一步优化的话Vue明显比React慢。TaskHub这个网站我们以前就是用Vue写的，后来直接迁移到React前端性能大大提高，用户体验有明显的差异（数据结构，后台不变）。