Vue.js是一套用于构建用户界面的渐进式JavaScript框架。Vue.js的目标是通过尽可能简单的API 实现响应的数据绑定和组合的视图组件。下面我们来看看前端三大主流架构Vue、React、Angular，看看他们各自有什么特点。

一、前端三大主流架构：Vue VS React

1、数据运行表现

React当组件状态发生变化时，重新渲染整个组件子树。

Vue组件渲染过程自动追踪，系统能精确锁定目标。

2、HTML & CSS

React 所有组件渲染功能都依靠JSX。

Vue甚至支持 JSX，默认推荐还是模板。

3、向下扩展

学React前，要了解JSX和ES2015。

Vue向下扩展后就类似于jQuery。不需学JSX，ES2015以及构建系统。

4、向上扩展

Vue 路由库和状态管理库都是由官方维护支持。

React路由库和状态管理库由生态系统解决。

Vue 提供了 CLI 脚手架，引导用户构建项目。

React提供了create-react-app，但是只支持默认配置构建项目。

5、原生渲染

React Native 能使你用相同的组件模型，实现同时跨多平台开发。

Weex兼容Vue语法开发，支持在浏览器端，

iOS和Android上的原生应用组件。

二、前端三大主流架构：Vue VS Angular

1、复杂性

在 API 与设计两方面上AngularJS复杂。

而Vue.js操作更加简单。

2、数据绑定

AngularJS 使用双向绑定。

Vue 在不同组件间强制使用单向数据流。

3、指令与组件

在 AngularJS 中，每件事都由指令来做，而组件是一种特殊指令。

在 Vue 中指令和组件分得更清晰。指令只封装 DOM 操作，而组件有自己的视图和数据逻辑。

4、运行时性能

在 AngularJS 中，当 watcher 越来越多时会变得越来越慢。

在 Vue 中，所有的数据变化都是独立触发，异步队列更新。

以上为大家分享了前端三大主流架构Vue、React、Angular大比拼，您可以通过学习提升自身技能，如果有不懂的知识可通过本网站咨询在线客服。

推荐阅读：

开课提醒：VUE3.0从实战到源码全剖析技术实战