Vue 和 React 的優點分別是什麼?

時間 2021-05-06 09:34:02

1樓:深藍

我想很多人和我一樣, 先學會了 Vue 或者 React, 然後再去學另外乙個, 但是突然發現兩者的實現在思維上還是有很大差異的, 然後就開始嫌棄另外乙個語言, 覺得哪哪不如我先學的這個.

我在學習了 Vue 之後再去學習 React 的. 發現如果能找到兩者的相似和差異之處, 理解起來會更快

React對比Vue來說,Vue的學習成本更低,更容易入手,模版語法開發起來個人覺得會比React的Jsx更快。

,當應用比較龐大的時候,這一點的優化比較重要。推薦大應用使用React。

2樓:支浩宇

Vue是輕量級框架,你可以只用它的一小部分,比如只是展示HTML這部分用,而路由不用它的標籤,啟動專案也不用它的Vue-Cli,和傳統的jQuery一樣用HTML檔案引入庫的方式,只是當成乙個庫用,而不改變整個執行和部署的方案。

React相當於Vue全家桶。用React意味著整個執行和部署都得按它的那一套來,基本相當於整個專案重寫。

3樓:okwh

請教, 哪有C/C++的各種框架?為什麼沒有?或者為什麼那麼少? VTK/ITK/GTK/MFC ???

這一層層的建那麼多各種各樣大同小異的框架,真的好麼?

4樓:Feahter

都是很優秀的前端框架,都滿足大部分的通用場景,大致說下異同。

異:1.設計理念

react:all in js.

vue:漸進式。

2.程式設計理念

react:偏FP函式式,圍繞函式,側重組合。

vue:偏OOP物件式,圍繞例項,側重繼承。

3.架構思想

react:做單純的V,函式作為元件,依賴外界注入資料。

vue:MVVM,例項作為元件,區域性自給自足。

4.基本單元

react:element

vue:例項

5.基礎語法

react:jsx

vue:html+css+js

6.響應式原理

react:Virtual DOM+diff

vue:依賴收集系統(包含vdom和diff演算法優化)

7.自由度

react:偏底層,基粒小,寫法自由度高,好更好,差極差。

vue:有較多封裝,圍繞例項化,寫法自由度較低,差較差,好也好。

8.官方背景

react:facebook,商業專案開源,目的是擴大行業影響力,增強企業話語權,開發人員領工資,創始人的目的是革命,重新定義最佳實踐。

vue:尤雨溪,個人專案開源,目的尤是個人精神追求與物質追求的統一實現,開發人員靠捐助和愛發電,創始人的目的是降低開發門檻,讓使用者人群擴大。

9.上手難度

react:有前端基礎的需要額外負擔jsx成本,優秀先進的社群文章外文居多,社群核心在大公司的開源貢獻,百花齊放。

vue:有前端基礎的過渡平滑,官方中文文件友好,社群核心圍繞官方生態,中文輪子較多,主要人群在中國,官方有統一最佳實踐的趨勢。

10.發展

react:發展較早,2023年5月開源,整體社群繁榮,因其靈活性,方便用於基建,更容易建立技術壁壘,對用人要求較高,受大公司青睞。

vue:發展迅猛,2023年2月發布,有官方中文文件加持,作者中國國籍,有一定天然的親和度,學習曲線平滑,進而用人成本較低,受廣大個人開發者和中小企業青睞。

11.趨勢

react:當前版本16.13.1,16.8設計了Hooks,對TS支援一直友好,不斷大膽,顛覆式創新。

vue:當前版本2.6.

11,3.0即將更新,proxy,composition Api,擁抱TS。vue本身支援jsx,補足對TS的支援,0是為了向上擴充套件react的使用人群,符合漸進的理念。

同:1.都是現代流行前端框架,同屬三大框架之一,社群各自繁榮,都適用於當前大部分的前端開發場景。

2.都用了虛擬dom+diff的節點更新技術,都有元件,元件生命週期,props等設計並持續優化演進。

3.都有完備的跨端技術生態鏈。

5樓:嘶吼

要分析它們的區別,那麼我自己先看了一些回答和概念下來,總的來說Vue和React是各有各的優點,但是相同的地方大過不同之處,二者同樣屬於輕量級的框架,都專注於使用者介面的檢視層,可以用在簡單的專案中,也同樣可以使用全家桶擴充套件為複雜的應用程式。

Vue.js 是一套構建使用者介面的漸進式框架;React主要用於構建UI(使用者介面)。

Vue的優勢包括:

1. 模板和渲染函式可進行彈性選擇;

2. 簡單的語法及專案建立;

3. 更快的渲染速度和更小的體積。

React的優勢包括:

1. 更適用於大型應用和更好的可測試性;

3. 更大的生態圈帶來的更多支援和工具。

那麼現在來看一下React和Vue的學習方法及難度:

React

React 的官方文件為新手提供了一些入門指南,具有一定前端框架開發經驗的開發人員可以在幾個小時內理解框架的核心原理。

官方的 React 文件算是比較完整地,但不如 Vue 的官方文件那麼清晰有序。文件涵蓋了必要的一些流程,但仍然缺少一些邊緣用例說明。隨著專案越變越大,這些邊緣用例會變成使用者痛點。

React 不算是乙個完整的框架,它提供了核心,而其他大多數高階的元件是由社群開發的,這無疑給學習曲線增加了一些複雜性。

Vue

Vue 庫可以簡單地作為 HTML 頁面資源載入,因此,使用 Vue 無需額外的構建步驟。可見這個庫有多麼的低調,不知不覺中為我們節省了很多時間。

因為 Vue 與 React 有一些通用的概念,開發人員從 React 轉到 Vue 會相對容易。另外,Vue 的官方文件寫得非常詳盡,涵蓋了開發人員在開發 Vue 應用程式時需要的所有內容。

Vue 的定義比 React 更嚴格。在 Vue 中,很多問題直接在文件中得到了解答,不需要在其他地方搜尋答案。

文中部分內容摘自下面文章:

CSDN-專業IT技術社群-登入

侵刪。我認為Vue適合開發移動端專案,React適合開發pc端專案,所以具體選擇和使用哪種框架還要根據專案而定。

6樓:

如果你愛 JSX 和純函式式的程式設計正規化,React 原生的支援和更徹底貫徹相關思想會顯得更純粹(這個會比較主觀,比如我就很反感 JSX)

如果你需要,目前(注意僅限目前)來說 React 有更好的 TypeScript 支援

如果你的專案剛好需要乙個複雜的、需要擴充套件功能的 rich editor,React 生態中有目前唯一我認為 Vue 生態完全無法抗衡的乙個存在:Draft.js。

Draft.js 的 entity 序列化後的資料結構是可以在 iOS 和 Android 及任何平台中實現反序列化的,當然需要額外的工作量,但是多終端統一的富文字儲存方案,如果對你的業務是乙個剛需,Draft.js 可能會讓你笑出聲)

相比 JSX,Vue 的方案(當然也可以在 Vue 裡用 JSX) 在結構、樣式、業務分離方面更清晰徹底,更符合前端多年來的編碼習慣,更符合直覺,更容易學習和維護

相比 React 需要學習的新概念比較少,把 API 看一遍就上手,學習曲線平滑。看下這個問題下的答案多少把二者當做框架、分不清模板和 virtual dom 就能體會了,但對研究不深的使用者或者初學者其實影響不大,React 的文件可比 Vue 簡短多了,大篇幅在介紹概念而非 API,也側面說明 React 在「開創」上的意義比較大,但從一線業務實現的角度說,不理解這些概念影響不大。

7樓:瘋狂的香蕉

我不想引入webpack,babel之類的外掛程式,但我可能需要現在前端的元件化,路由,mvvm。輕量級的vue太爽了,前端本身就是混亂不堪的大雜燴,何必搞的那麼專業。

8樓:Markkkk

尤大大和各路豪傑的回答都很到位了。作為乙個在北美生活多年的人,我想補充的一點就是為了在國外找工作的話,暫時還是學React比較好,因為比較流行。

至少北美這裡的中國cs專業的留學生為了找工作,做乙個web專案基本上會選React而不是Vue。我當時 (2023年) 做乙個大專案,在兩者之間選擇了Vue,也只是因為1. 我已經有工作了,不過度關心簡歷的華麗 2.

已經用React做過東西了,想試試新口味。如果當時連React都不懂的話,應該會偏向使用React...

然後,其實我來這裡發表主要想提一提當年勇!

2023年10月份我曾經在Quora上給Vue幫過腔(原文看看就好,觀點已經有點過時,並且相對這裡的大牛來說已經挺膚淺的了)。那問題的回答基本向React一邊倒,10個回答只有1個在挺Vue。很多人倆框架學了半桶水就上來懟Vue。

當時看到乙個自稱"15年JS經驗"的"CTO"在大言不慚地發表膚淺的言論。

你如果想拿Vue幹點啥,你得要知道Vue做事的方式。而用React的話,你只要懂JS就行了

上圖中光那段高亮字就非常侮辱我的經驗,因為我兩個框架都認認真真用過了的,深深明白他就是在扯淡。當時一股熱血就上來了,當即註冊quora,連夜獻上首答,認真懟了回去。

那傢伙的讚數從當時的30多到現在的47。我的則是從0到現在179(名列第二)(╬ ̄皿 ̄)=○

9樓:

最近上了Udemy一門課,React JS, Angular & Vue JS - Quickstart & Comparison,是用來比較框架的,有興趣的同學可以自己去看,講的比較全面。

精髓在下面這張圖,搬運一下。

10樓:笨笨喂自己袋鹽

Vue: 語法簡單,文件齊全,對jQuery使用者和後端使用者來說非常友好、容易上手。

React:靈活,靈活,靈活。API少,互動邏輯全靠腦子,上手後極其靈活、強大。

Angular不請自來:強大、工程化、不零碎,請相信谷歌。

11樓:

React VS Vue 使用者量

在React和Vue效能差不多的原則下,我開始在乎的是開發者的數量。通過StateOfJS對20000開發者的採訪得出來的結果還是比較有說服力。具體資料詳見StateOfJS站點:

。基於StateOfJS進行的整理博文:http://www.

angular 和 vue 分別是什麼東西

Landy Cow 前端框架,類似後端如果實現乙個web程式,不用寫servlet,而是寫 jsp 或者 springboot。但是好處沒那麼明顯,最直接有效的前端框架依然是 jquery。2.二者都是競爭關係,類似hibernate 和 mybatis 的關係。3.理論上可以但沒有必要。這兩個框架...

react為什麼沒有像vue和angular一樣提供「指令」這個功能?

Refector 其實也是可以提供的,vue和angular是在編譯期處理的,但是react可以在執行時處理,類似AST解析執行,可以參考這篇文章 基於react實現高度簡潔的表單方 文人可惡 react 是授人以漁,怎麼釣是你的事,我不管 vue的話是授人以魚,我怎麼釣的你別管,直接拿來用就好了。...

基於react或vue的服務端渲染和傳統的服務端渲染(如PHP)的優劣?

狼族小狽 有個簡單的辦法,單獨提供乙個Node SSR 服務,由PHP呼叫這個服務進行 SSR 渲染。這樣不就和傳統的後端渲染一樣了?了解一下 Genesis 劉冰 我是個容易糾結的人,所以直接告訴自己 沒優點,不用糾結。VUE是漸進式增強框架,有那麼多顧慮就不要用SPA,直接傳統方式引入vue,也...