对比react和vue

野性酷女 2022-01-05 02:26 306阅读 0赞

**相同点**

1.  都有组件化开发和virtual DOM（具体实现方式不同）
2.  都支持props进行父子组件间数据通信
3.  都支持数据驱动，不直接操作真实DOM，更新状态数据，界面自动更新
4.  都支持服务器渲染
5.  都支持native的方案，react 的 React Native,vue 的 weex

**不同点**

1.  数据绑定：vue 双向绑定，react单向数据流
2.  组件写法不同，具体见下面的讲解
3.  state 对象在 react 中不可变的，需要使用 setState 方法更新状态；在 vue 中，state 对象不是必须的，数据由 data 在 vue 对象中管理
4.  virtual DOM 不一样，vue 会跟踪每一个组件的依赖关系，不需要重新渲染整个DOM 树，而对于 react，每当状态被改变，全部组件都会重新渲染，所以需要 shouldComponentUpdate 这个生命周期函数方法来进行控制

**组件化方面**

1. **什么是模块化**：是从**代码**的角度进行分析；把一些可复用的代码，抽离为单个的模块；便于项目的维护和开发。

2. **什么是组件化**：是从**UI界面**的角度来进行分析；把一些可复用的UI元素，抽离为单独的组件；便于项目的维护和开发。

3. **组件化的好处**：随着项目规模的增大，手里的组件越来越多；很方便就能把现有的组件，拼凑为一个完整的页面。

4. **vue如何实现组件化**：通过.vue文件，来创建对应的组件。

*  template 结构
 *  script 行为
 *  style 样式

5. **react如何实现组件化**：react中有组件化大概念，但没有像vue这样的组件模板文件；

react中，一切都是以JS来表现的，因此要学习react，js要学好；ES6和ES7要会用。

**开发团队方面**

*  react：是有Facebook前端官方团队进行维护和更新的；
 *  vue：第一版，主要由作者尤雨溪专门进行维护，vue2.x版本以后，由一个以尤雨溪为主导的开源团队，进行维护和开发。

**社区方面**

*  react由于诞生的较早，所以社区比较强大，一些常见的问题、最佳解决方案，文档、博客在社区中可以很方便找到；
 *  vue是最近才火的，所以，它的社区相对react较小。

转载于:https://www.cnblogs.com/embrace-ly/p/10605274.html

发表评论取消回复

表情：

评论列表（有 0 条评论，306人围观）

还没有评论，来说两句吧...

相关阅读

相关 Vue和React的对比

1、响应式原理不同 vue：vue会遍历data数据对象，使用Object.definedProperty()将每个属性都转换为getter和setter，每个Vue组件实

你的名字/ 2024年03月26日 16:05/ 0 赞/ 88 阅读

相关 Vue和jQuery：横向对比

聚沙成塔·每天进步一点点 ⭐ 专栏简介 Vue学习之旅的奇妙世界欢迎大家来到 Vue 技能树参考资料专栏！创建这个专栏的初衷是为了帮助大家更好地应对 Vue.js 技

忘是亡心i/ 2024年02月05日 17:48/ 0 赞/ 57 阅读

相关 Vue（MVVM）、React(MVVM)、Angular(MVC)对比

前言昨天阿里内推电面一面，面试官了解到项目中用过Vue，就问为什么前端框架使用Vue而不适用其他的框架，当时就懵了。因为只用过Vue，不了解其他两个框架，今天就赶紧去了

向右看齐/ 2023年06月12日 08:56/ 0 赞/ 3 阅读

相关关于Vue和React的一些对比及个人思考

在主流框架中，Vue和React都属于全球热门，各自有着大量用户，两者之间的优缺点便带来了众多讨论。那么这两者之间的关键区别在于哪些方面？为何熟练掌握Vue成为越来越

野性酷女/ 2023年02月22日 10:49/ 0 赞/ 2 阅读

相关对比 React Hooks 和 Vue Composition API

场景 Hook 的时代意义 React Hooks Vue Composition API `React Hooks` vs `Vue Compo

清疚/ 2022年11月29日 03:10/ 0 赞/ 189 阅读

相关 React、Vue、Next、Umi框架对比

React、Vue、Next、Umi优缺点 React.js 优点缺点 NEXT.js 优点：缺点：

深藏阁楼爱情的钟/ 2022年09月09日 09:53/ 0 赞/ 1942 阅读

相关 React和Vue的对比

一、两者的本质区别 vue——本质是MVVM框架，由MVC发展而来 React——本质是前端组件化框架，由后端组件化发展而来二、模板的区别：模板应该和JS逻辑分离；遵循

た入场券/ 2022年05月25日 02:19/ 0 赞/ 196 阅读

相关 Vue 与Angular、React框架的对比

首先，我们先了解什么是MVX框架模式？ MVX框架模式：MVC+MVP+MVVM 1.MVC：Model(模型)+View(视图)+controller(控制器)，主

左手的ㄟ右手/ 2022年05月16日 00:39/ 0 赞/ 238 阅读

相关 vue与react框架对比

-------------------- 自己一直学的是react，之前也用react写各种东西，到了实习公司，vue嘿嘿哈嘿，不过讲真，vue上手真的快。近期一直拿v

逃离我推掉我的手/ 2022年05月15日 07:14/ 0 赞/ 265 阅读

相关对比react和vue

相同点 1. 都有组件化开发和virtual DOM（具体实现方式不同） 2. 都支持props进行父子组件间数据通信 3. 都支持数据驱动，不直接操作真实DOM，更新

野性酷女/ 2022年01月05日 02:26/ 0 赞/ 307 阅读