web前端中，vue和react哪个现在市场需求比较大？

Posted 2023-04-04

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了web前端中，vue和react哪个现在市场需求比较大？相关的知识，希望对你有一定的参考价值。

vue

Google 前工程师尤雨溪于 2014 年创建了这个框架。Vue是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。

react

与 Vue 不同，react 库是由 Facebook 创建的。最初是为了 Facebook 广告流量管理创建的。那时 Facebook 遇到了维护和编码方面的问题。它以动态创建和交互式 UI 的能力而闻名。

2.核心思想

vue与react都推崇组件式的开发理念，但是在设计的核心思想上有很大差别。

vue

vue的整体思想仍然是拥抱经典的html(结构)+css(表现)+js(行为)的形式，vue鼓励开发者使用template模板，并提供指令供开发者使用(v-if、v-show、v-for等等)，因此在开发vue应用的时候会有一种在写经典web应用（结构、表现、行为分离）的感觉。另一方面，在针对组件数据上，vue2.0通过Object.defineProperty对数据做到了更细致的监听，精准实现组件级别的更新。

react

react整体上是函数式的思想，组件使用jsx语法，all in js，将html与css全都融入javascript，jsx语法相对来说更加灵活，我一开始刚转过来也不是很适应，感觉写react应用感觉就像是在写javaScript。当组件调用setState或props变化的时候，组件内部render会重新渲染，子组件也会随之重新渲染，可以通过shouldComponentUpdate或者PureComponent可以避免不必要的重新渲染（个人感觉这一点上不如vue做的好）。

3.组件形式

vue

vue组件定义使用xx.vue文件来表示，vue组件将html、css、js组合到一起，模板部分使用数据使用，形式如下：

组件使用：

react

react推荐使用jsx或者js文件来表示组件，react支持class组件和function组件2种形式，react使用包裹变量，这点需要注意。

（1）class组件

（2）function组件

hooks的出现赋予了function组件管理state的能力。

以上就是我关于react和vue的一些对比以及个人建议

参考技术A 大公司都要用，小公司用vue的比较多

前端框架大对比，是选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生成，让父组件和子组件可以有不同的依赖项，使得他们更加独立，仅需要在各自依赖项发生改变时才需要更新。这大大的减少了页面重新渲染的次数并提升速度。