vue和react对比，各自优缺点在哪？

你好，我是「前端雨爸」，希望我的回答对你有所帮助。

首先

前端发展迅速，每天都让我们反复进入“学不动”的漩涡中。

但作为一个开发者，尤其是前端开发，我不希望各位把中心放在谁好谁坏上，更多的应该知道目前三大框架的不同，在项目实战中有针对性的选择。

同时，有精力还是都接触下，毕竟都是最优秀的框架。

官方对比

Vue 官网给出了详细的异同对比，相信这是最权威的比较（来自：尤大 作者的视角）

相同点：

1. 使用了虚拟 DOM

2. 提供响应式编程概念，组件化思想

3. 渐进式编程，重点放在核心库，其他交给社区或者第三方库完成

不同之处：

1. diff 方式。

react 需要通过 PureComponent 或者实现 方法来优化组件渲染。

而 vue 不需要额外的设置，完全交给框架来完成。

2. JSX 和 Template

首先 Vue 也提供了渲染函数（render）。React 主推 JSX（就是那个让大部分程序员，刚上手不习惯的渲染函数语法糖），会有种错觉：HTML（React 元素） 和 Javascript 逻辑居然写在了一起。

Vue 通过 vue-loader ，帮助我们把 template、script、css 分离开，或者最后组合在一起。完全可以像以前的 web 开发一样，入门门槛降低。

3. 脚手架

React 提供了 create-react-app 工具，虽然是不错的脚手架，但不涉及 webpack 等的配置的修改能力；

相反，Vue 依靠 vue.config.js 让我们更定制化的修改脚手架配置。

4. 其他

React 学习成本更高，Vue 更符合我们的开发模式（习惯）

最后

意思就是自己使用下来，并结合 Vue 官网说明的总结。两个框架都不错，vue 更是借鉴了 angular 和 react 的产物。随着版本的升级，他们三者越来越趋于同化，相信未来我们前端会走的越来越好。

欢迎关注「前端雨爸」，让我们一同在前端路上成长进步。

主要有以下三大区别

1.Vue 通过 getter/setter 以及一些函数的劫持，能精确知道数据变化，不需要特别的优化就能达到很好的性能。React 默认是通过比较引用的方式进行的，如果不优化，可能导致大量不必要的VDOM的重新渲染。

2.Vue 使用的是可变数据，而React更强调数据的不可变。

3.Vue更加简单，而React构建大型应用的时候更加鲁棒。

Vue.js 和 React 是两个流行的 JavaScript 前端框架。

Vue.js

优点：

• 简单易用：Vue 具有简洁的 API 和灵活的组件系统，易于学习和使用。
• 小巧：Vue 比 React 小得多，因此更快加载和更低的资源消耗。
• 良好的文档：Vue 有丰富的官方文档和强大的社区支持，帮助开发人员解决问题。
• 灵活性：Vue.js 的组件系统允许开发人员以自己的方式构建应用程序。
• 响应式数据绑定：Vue.js 提供了一个高效的响应式数据绑定系统，使得数据的变化能够实时反映在用户界面上。

缺点：

• 社区生态较小：Vue.js 的社区相对较小，这意味着它可能不如 React 那么流行。
• 功能有限：Vue.js 比 React 功能更有限，对于一些高级的需求可能需要使用额外的库。

React

优点：

• 强大的功能：React 具有强大的功能，可以构建复杂的应用程序。
• 大型社区：React 有庞大的社区，因此开发人员可以轻松获得帮助和资源。
• 广泛使用：React 在行业中广泛使用，因此有大量的学习资源和社区支持。

React 缺点：

• 学习曲线陡峭：React 的学习曲线较陡峭，因此对于初学者可能不太友好。
• 代码结构复杂：React 的代码结构比较复杂，因此对于一些开发人员可能不能够快速的掌握。

国人用vue的多，所以教程、文档、demo都适合国人。

手动挡和自动挡

手动挡和自动挡