Vue\React\Angular的区别

墨蓝 2022-10-23 04:58 252阅读 0赞

# 1. 基本概念 #

**Angular** 是一个应用设计框架与开发平台，用于创建高效、复杂、精致的单页面应用。

**React** 是一个用于构建用户界面的 JavaScript 库

**Vue** (读音 /vjuː/，类似于 **view**) 是一套用于构建用户界面的**渐进式框架**。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与[现代化的工具链][Link 1]以及各种[支持类库][Link 2]结合使用时，Vue 也完全能够为复杂的单页应用提供驱动。

# 2. 三者比较 #

## 2.1 相同点 ##

1.    都是基于javascript/typescript的前端开发库，为前端开发提供高效、复用性高的开发方式

2.    都有组件和模板的开发思想

3.    各自的组件都有生命周期，不用的组件可以卸载，不占用资源

4.   都支持指令，如样式、事件等的指令

## 2.2 不同点 ##

**1.  创始和发行不同：**

**        Angular**是由googl提供支持的，初始发行于 2016年9月；**React**由Facebook维护，初始发行于 2013年3月；**Vue**是由前google人员创建，初始发行于2014年2月

**2.  应用类型不同：**

**Angular**支持开发native应用程序、SPA单页应用程序、混合应用程序和web应用程序；**React**支持开发SPA和移动应用程序；**Vue**支持开发高级SPA，开始支持native应用程序

**3.  模型不同**

**angular**基于MVC（模型-视图-控制器）架构；**react**和**vue**是基于Virtual DOM（虚拟的文档对象模型）

**4.  数据流流向不同**

**Angular**使用的是双向数据绑定，**React**用的是单数据流的，而**Vue**则支持两者。

**5. 对微应用和微服务的支持不同**

**Angular**使用的是TypeScript，因此它更适合于单页Web应用（single page web application，SPA），而非微服务。相反，**React**和**Vue**的灵活性更适合微应用和微服务的开发。

**6. 对原生应用的支持不同**

**React** Native为iOS和Android开发原生应用；**Angular**的NativeScript已被原生应用所采用，特别是Ionic框架已经被广泛地运用在制作混合应用等方面；**Vue**的Weex平台正在开发之中，尚无下一步使之成为全面跨平台的计划。

**7. 框架和库**

**        Angular** 是一个框架而不是一个库，因为它提供了关于如何构建应用程序的强有力的约束，并且还提供了更多开箱即用的功能。**React** 和 **Vue** 是是一种库，可以和各种包搭配。

**8. 组件之间传值方式不同**

**    Angular** 中直接的父子组件，父组件可以直接访问子组件的 public 属性和方法，也可以借助于@Input 和 @Output 进行通讯。没有直接关系的，借助于 Service 单例进行通讯；**React** 组件之间通过通过prop或者state来通信，不同组件之间还有Rex状态管理功能；**Vue**组件之间通信通过props ，以及Vuex状态管理来传值

[Link 1]: https://cn.vuejs.org/v2/guide/single-file-components.html
[Link 2]: https://github.com/vuejs/awesome-vue#libraries--plugins