【總結】前端框架：react仍是vue？

 

以前寫了一篇前端框架的大彙總，主要介紹了當下主流的框架和其特性。最近除了bootstrap，就屬react和vue最爲熱門，這篇就主要拿這兩個框架來作一下詳細對比。

究竟如何正確使用？做爲小白的咱們從何學起比較好？帶着一系列問題來看看吧。

這篇主要介紹：

一、從出身背景、優點、缺點、適合場景、開發模式、實踐狀況進行對比

二、類似之處

三、如何選擇?

 

---

 

 

從出身背景、優點、缺點、適合場景、開發模式、實踐狀況進行對比

一、出身背景：

 

react是facebook團隊開發，2013.3月發佈。目前版本15.5.4（初始版本是13開頭），社區較成熟，擁有更大的生態圈

 

vue是Evan You我的開發，2014年2月發佈 vue2.0版本，生態圈較小

 

 

二、優點：

 

react官網推薦的三個特色以下：

 

• 狀態機 —輕鬆建立交互界面
• 基於組件 —封裝組件，管理狀態
• 學習一次，處處使用 —跨平臺
• 更大的規模、更多的使用者、更好的可測試性
• Web和原生APP
• 能提供更多支持和工具的更大的生態系統

vue 官網推薦的三個特色

• 易用 —會html、css、js即刻開始使用
• 靈活 —漸進式技術棧
• 性能 —17kb (min+gzip)，渲染速度更快，體積更小
• 模板或渲染的靈活選項
• 語法以及項目設置的簡單

 

三、缺點：

react：

• 須要轉換開發模式（函數式編程）
• 學習新的概念和語法（jsx、es5/6等）
• 須要其餘類庫支持 (redux)

vue：

• 我的維護框架，風險可能會更大
• 社區不成熟，部分依賴開發人員更新
• 資源較少

 

四、適合場景

react：

• 大型複雜應用程序 
• 同時適用於web端和原生APP
• 週期長，不斷迭代的需求

vue：

• 模板搭建開發模式
• 週期短、小型應用程序

 

五、開發模式

react：

• 函數式編程（JSX）
• setState狀態管理

vue：

• 模板式開發
• 屬性對象

 

六、實踐狀況

react：

• 國外公司：Facebook、Netflix、Airbnb
• 國內公司：螞蟻金服、阿里、口碑、美團、滴滴

vue：

• 主要是餓了麼

 

---

 

 

類似之處

React和Vue都是優秀的UI庫，而且具備更多的類似之處。它們都有的優點是：

• 使用虛擬DOM快速渲染
• 輕量級
• 響應式組件
• 服務端渲染
• 輕鬆集成的的路由、捆綁和狀態管理
• 強大的支持和社區

 

---

 

如何選擇？

若是是如下需求選react

一、若是想組件式開發

二、若是想web和wap統一技術棧

三、若是想要代碼更可維護和可測試性

四、若是你想要最大的生態系統，想利用豐富的組件庫及第三方包

五、若是你想要構建大型應用程序

 

若是是如下需求選vue

一、若是你喜歡使用模板（ 或須要一些其中的選項）構建應用程序

二、若是是在現有代碼基礎上快速升級

三、若是你喜歡簡單的能正常工做的，想更加靈活性

四、若是你但願你的程序更小更快，想要更快的渲染速度和體積

 

---

 

 

最後

做爲剛入門的小白， 能夠先學Vue，而後再在vue的基礎上學習React。因此下次就說說Vue吧~