2021 年Angular vs. React vs. Vue 前端框架對比 | React, Angular
你可能是一個React開發者,可能是一個Vue開發者,也可能是一個只專注於技術的Angular開發者。不過,你還是不能忽視開發社群不斷進行的框架比較。有充分的理由認為:他們三個框架,一個是UI庫(React),另一個是成熟的前端框架(Angular),而其中最年輕的(Vue)則可以稱之為漸進式框架。每一個框架都擁有一些獨特的優勢和效能指標。正是這些不可忽略的優勢和指標,我們不能不對這三種框架進行對比分析。這幾個框架都是基於元件的框架,都有快速建立UI的功能。大部分時間,它們可以相互替代來用於構建前端應用。然而它們並非100%相同...
你可能是一個 React 開發者,可能是一個 Vue 開發者,也可能是一個只專注於技術的 Angular 開發者。不過,你還是不能忽視開發社群不斷進行的框架比較。有充分的理由認為:他們三個框架,一個是 UI 庫(React),另一個是成熟的前端框架(Angular),而其中最年輕的(Vue)則可以稱之為漸進式框架。每一個框架都擁有一些獨特的優勢和效能指標。正是這些不可忽略的優勢和指標,我們不能不對這三種框架進行對比分析。
這幾個框架都是基於元件的框架,都有快速建立 UI 的功能。大部分時間,它們可以相互替代來用於構建前端應用。然而它們並非 100% 相同。
這就是為什麼我們決定為你建立一個簡短的指南,但最重要的是,為你提供一個參考幫助你在未來進行技術選擇。
許可證當然,在使用一個開源框架或庫之前,一定要徹底檢查許可證。幸運的是,React、Angular 和 Vue 都使用 MIT 許可證[1]。它提供了有限的複用限制,而且我們甚至還可以在專有軟體中使用。在使用任何框架或軟體之前,一定要留心,注意瞭解許可證的內容。
架構設計 AngularAngular 框架屬於 MEAN 框架,是如今創業公司最熱門的技術棧。Angular 是一個完整的基於 TypeScript 的 Web 應用開發框架,主要用於構建單頁 Web 應用(SPA)。
與 AngularJS 這一早期的框架不同,Angular2 是基於元件的,與 MV* 模式沒有什麼關聯。Angular 的結構方式包括模組、元件和服務。
在 Angular 框架中,每個元件都有一個類或模板,定義了應用邏輯和 MetaData(裝飾器)。元件的這些元資料為建立和呈現其檢視所需的構件在哪裡提供了指引。
Angular 架構的另一個重要因素是,模板是用 HTML 編寫的。它們還可以包含 Angular 模板語法,並帶有特殊指令以輸出響應式資料,並且可以渲染多個元素。
服務 —— Angular 應用中的一個獨特元素,被 Components 用於委託業務邏輯任務,如獲取資料或驗證輸入。雖然使用服務並沒有嚴格執行,但是將應用程式結構作為一組可複用的不同服務則是比較明智的。
Rea...