Angular React Vue 比较 – 前言

Angular、React、Vue 都可以称之为现代比较主流的开发框架,市场上大量的应用和网页都是使用它们开发的。

Angular 是一个成熟的框架,React 是一个 UI 库,Vue 是一个渐近式框架。这是目前业界对这三个框架主流的评价,那么它们都有哪些区别呢?本系列文章试图抽象出它们共有或相似的功能,再对这些功能做更进一步的比较。在这之前,让我们先回顾一下 Web 前端的发展历程。

Web 前端发展历程

Web 前端开发最初的网页主要是静态的,以 HTML 为主,只包含简单的文本和图片。网页做为一种新型的信息媒介改变了人们的生活方式,人们不满足只是简单的信息浏览。随着浏览器技术的不断发展,JavaScript、CSS 等前端技术逐渐出现,使得网页可以实现动态效果和更丰富的交互功能。

随着网络技术的发展和普及,网页设计开始逐渐复杂化。为了实现更丰富的视觉效果和交互功能,JavaScript 和 CSS 等技术开始被广泛应用。伴随着市场上巨量的需求释放,在不断的开发实践过程中,各种前端框架和工具也开始出现,例如 jQuery、Bootstrap 等,它们的标准化解决方案更有助于大型项目中开发团队的协作,简化了前端开发的过程,提高了开发效率和代码质量。

随着互联网的快速发展,Web 前端开发的需求也在不断增长。为了满足移动设备的需求,响应式设计和移动优先的设计原则也越来越受到重视。同时,前端开发也出现了 MV 架构和SPA(Single Page Application)等新的概念和技术,使得前端开发更加模块化、组件化和易于维护。前端开发也出现了更多新的技术和工具,这个时候 Angular、React、Vue它们登场了,它们使得前端开发更加高效、快速和灵活。

总的来说,工具/框架都是在不断的实践与应用中产生的,它们也都有自身的生命周期。不过以人类在各学科科学技术积累的历史经验来看,就算它们有没被淘汰的一天,那么这些框架的应用实践也会为后来者提供宝贵的经验。技术会过时,但是技术思想必然是延续的。

让我们把讨论的话题回到三大框架中来,下面是它们官方文档上对于框架自身的描述:

Angular 是一个应用设计框架与开发平台,旨在创建高效而精致的单页面应用。

React 是用于构建 Web 和原生交互界面的库,它可以改变你对可见设计和应用构建的思考。

Vue 是一款渐近式框架,易学易用,性能出色,适用场景丰富的 Web 前端框架。

什么是 Angular ?

Angular 是一个基于 TypeScript 构建的开发平台。它包括:

一个基于组件的框架,用于构建可伸缩的 Web 应用

一组完美集成的库,涵盖各种功能,包括路由、表单管理、客户端-服务器通信等

一套开发工具,可帮助你开发、构建、测试和更新代码

借助 Angular,无论单人项目还是企业级应用,你都能获得平台带来的优势。Angular 的设计目标之一就是让更新更容易,因此你可以用最小的成本升级到最新的 Angular 版本。最重要的是,Angular 的生态系统由包括 170 万名开发人员、库作者和内容创作者在内的多元团队构成。

什么是 React ?

React 可以改变你对可见设计和应用构建的思考。当你使用 React 构建用户界面时,你首先会把它分解成一个个 组件,然后,你需要把这些组件连接在一起,使数据流经它们。

React 不仅仅是一个库、一种架构,甚至不只是一个生态系统。React 是一个社区。在这里你可以寻求帮助,发现机会并结交新朋友。你将会遇到开发者和设计师、初学者和专家、研究人员和艺术家、教师和学生等各行各业的人士。我们的背景可能非常不同,但 React 让我们所有人都能够共同创建用户界面。

什么是 Vue ?

Vue (发音为 /vjuː/,类似view) 是一款用于构建用户界面的 JavaScript 框架。它基于标准 HTML、CSS 和 JavaScript 构建,并提供了一套声明式的、组件化的编程模型,帮助你高效地开发用户界面。无论是简单还是复杂的界面,Vue 都可以胜任。

根据你的需求场景,你可以用不同的方式使用 Vue:

无需构建步骤,渐进式增强静态的 HTML

在任何页面中作为 Web Components 嵌入

单页应用 (SPA)

全栈 / 服务端渲染 (SSR)

Jamstack / 静态站点生成 (SSG)

开发桌面端、移动端、WebGL,甚至是命令行终端中的界面

我们要比较什么 ?

生物学上有塑料人体的模型,地理学上有天气预测模型,心理学、经济学、物理学也都有各自的模型。模型的好处是它把问题简化后,能更清晰的呈现给我们重点内容。我们在三大框架的比较过程中,也把它们简化成了一个模型,这个模型由以下几部分组成:

组件

模板

指令

注入

状态

在本系列的文章中,我们将围绕这五部分内容来进行更进一步的比较。

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 204,921评论 6 478
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 87,635评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 151,393评论 0 338
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,836评论 1 277
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,833评论 5 368
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,685评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,043评论 3 399
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,694评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 42,671评论 1 300
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,670评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,779评论 1 332
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,424评论 4 321
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,027评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,984评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,214评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,108评论 2 351
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,517评论 2 343

推荐阅读更多精彩内容