vue与react属于JavaScript框架。vue是一套用于构建用户界面的渐进式JavaScript框架，Vue的核心库只关注视图层，并且非常容易学习，非常容易与其它库或已有项目整合。react是一个用来构建用户界面的JavaScript开发框架，主要用于构建UI；React通过对DOM的模拟，最大限度地减少与DOM的交互。

本教程操作环境：Windows7系统、vue3&&react18版、Dell G3电脑。

vue与react都是JavaScript框架。

vue框架

vue.js (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式JavaScript框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，方便与第三方库或既有项目整合。

Vue.js是一套构建用户界面的渐进式框架。与其他重量级框架不同的是，Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层，并且非常容易学习，非常容易与其它库或已有项目整合。另一方面，Vue 完全有能力驱动采用单文件组件和Vue生态系统支持的库开发的复杂单页应用。

Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。

Vue.js的特性如下：

• 轻量级的框架（相对而言）

• 双向数据绑定

• 指令

• 插件化

优点：

• 简单：官方文档很清晰，比 Angular 简单易学。（国内框架，demo，文档多）

• 快速：异步批处理方式更新 DOM。（同时进行）

• 组合：用解耦的、可复用的组件组合你的应用程序。（功能由不同的单个功能组件构成）

• 紧凑：~18kb min+gzip，且无依赖。

• 强大：表达式 & 无需声明依赖的可推导属性 (computed properties)。

• 对模块友好：可以通过 NPM、Bower 或 Duo 安装，不强迫你所有的代码都遵循 Angular 的各种规定，使用场景更加灵活。

缺点：

• 新生儿：Vue.js是一个新的项目，没有angular那么成熟。

• 影响度不是很大。

• 不支持IE8

react框架

react.js框架，是 Facebook 推出的一个用来构建用户界面的 JavaScript 开发框架。

React 是一个声明式，高效且灵活的用于构建用户界面的 JavaScript 库。使用 React 可以将一些简短、独立的代码片段组合成复杂的 UI 界面，这些代码片段被称作“组件”。

由于 React的设计思想极其独特，属于革命性创新，性能出众，代码逻辑却非常简单。所以，越来越多的人开始关注和使用，认为它可能是将来 Web 开发的主流工具。

React 是一个为数据提供渲染为 HTML 视图的开源 JavaScript 库。React 视图通常采用包含以自定义 HTML 标记规定的其他组件的组件渲染。React 为程序员提供了一种子组件不能直接影响外层组件的模型，数据改变时对 HTML 文档的有效更新，和现代单页应用中组件之间干净的分离。

React 使创建交互式 UI 变得轻而易举。为你应用的每一个状态设计简洁的视图，当数据改变时 React 能有效地更新并正确地渲染组件。组件逻辑使用 JavaScript 编写而非模版，因此你可以轻松地在应用中传递数据，并使得状态与 DOM 分离。

React 特点

• 声明式设计：React采用声明范式，可以轻松描述应用。

• 高效：React通过对DOM的模拟，最大限度地减少与DOM的交互。

• 灵活：React可以与已知的库或框架很好地配合。

• JSX：JSX 是 JavaScript 语法的扩展。React 开发不一定使用 JSX ，但我们建议使用它。

• 组件：通过 React 构建组件，使得代码更加容易得到复用，能够很好的应用在大项目的开发中。

• 单向响应的数据流： React 实现了单向响应的数据流，从而减少了重复代码，这也是它为什么比传统数据绑定更简单。

• 掌握 React 不仅可以帮你应对前端应用开发，而且它的编程思想还可以应用到 React Native 原生 App 开发和服务器端渲染的后端开发。所以不论你是否从事前端开发工作，学习 React 对技能提升和职业发展都有很大的帮助。

React与Vue的区别

在 React 应用中，当某个组件的状态发生变化时，它会以该组件为根，重新渲染整个组件子树。如要避免不必要的子组件的重渲染，你需要手动实现；在 Vue 应用中，组件的依赖是在渲染过程中自动追踪的，所以系统能精确知晓哪个组件确实需要被重渲染，开发者不需要考虑组件是否需要重新渲染之类的优化。

在React中，一切都是JavaScript，所有的组件的渲染功能都依靠 JSX。JSX 是使用 XML 语法编写 JavaScript 的一种语法糖。你可以使用完整的编程语言 JavaScript 功能来构建你的视图页面；在Vue中有自带的渲染函数，Vue也支持JSX，Vue官方推荐使用模板渲染视图。组件分为逻辑类组件和表现类组件。

组件作用域内的CSS。CSS 作用域在 React 中是通过 CSS-in-JS 的方案实现的；在Vue中是通过给style标签加scoped标记实现的。

Vue 的路由库和状态管理库都是由官方维护支持且与核心库同步更新的。React 则是选择把这些问题交给社区维护，因此创建了一个更分散的生态系统。