前端框架大对比，是选Vue还是React？

vlambda
2020-12-11

前端框架大对比，是选Vue还是React？

新学期又要开始了，离毕业也更近了！

对Web开发框架想要更多的了解？

想知道哪一个前端开发框架更适合自己？

接下来带大家看看近年最火热的两个主流前端框架的介绍和对比！

Web前端开发框架的更新节奏非常快，现在市场主流使用的前端框架依然是React和Angular。但在近几年Vue凭借着较强的可适用性和整合性，以及友好的难度，逐渐被市场所接受并有着逐渐转热的趋势。下图为近两年三个主流框架的下载量和评分。可以看到React依然是行业主流，但Vue和Angular的差距也在逐年变小，并且Vue也得到了不少好评。

图/NPM trend

React

React是facebook在2013年内部开源出来的框架，起初是为了架设Instagram的网站。后来由于代码逻辑简单，较容易上手，在当时性能出众，所以越来越多的开始使用，现在是web开发中的主流应用框架。但从广义来讲，React不仅仅是一个框架，也是一个完整的前端开发体系。这套体系中包括React.js，ReactDOM，Flux模式，React开源组件，React Native以及GraphQI+Replay。

React的优点

- 相比Angular，React的语法更简洁更容易学习，对HTML有基本知识了解即可。

- 单向数据绑定，父节点的数据不会受到子节点的影响

- 版本迁移难度低

- 支持服务区渲染，对于专注内容的应用程序来说是一个功能很强的框架

- React实现了函数式编程的概念，创建易于测试和可高度复用的代码

React的缺点

- 需要深入了解如何将UI和MVC框架整合，这方面掌握时间较长

- 太过灵活，没有主导意见导致决策成本增加

Vue

Vue在2013年由中国团队开发，是一款渐进式框架，采用自底向上增量开发的设计。这代表了Vue虽然覆盖了添加组件系统、客户端路由、大规模状态管理等内容，但用户并不需要一上手就全部学会。这些解决方案相对独立，可以在核心的基础上选择其他的部件，不一定需要全部整合在一起。从编写语法来看，Vue保留了html、css、js分离的写法，更符合现有前端开发者的原有习惯。反观React是没有模板的，推荐的做法是JSX+inline style。

Vue提供了CLI脚手架作为构建工具，可以帮助用户非常容易地构建项目。Vue的CLI的优点是有多个可选模板，用户可以自定义选择简单或复杂的模板。

Vue3.0的优化

- 速度更快：Vue3.0通过使用单态调用和组件快速路径来加速渲染工程，减少DOM的工作复杂，以及通过彻底检查渲染过程来输出更好的编译时间提示。同时，通过优化slot生成，让父组件和子组件可以有不同的依赖项，使得他们更加独立，仅需要在各自依赖项发生改变时才需要更新。这大大的减少了页面重新渲染的次数并提升速度。