之前寫了一篇前端框架的大匯總，主要介紹了當下主流的框架和其特性。最近除了bootstrap，就屬react和vue最為熱門，這篇就主要拿這兩個框架來做一下詳細對比。
究竟如何正確使用？作為小白的我們從何學起比較好？帶着一系列問題來看看吧。
這篇主要介紹：
1、從出身背景、優勢、缺點、適合場景、開發模式、實踐情況進行對比
2、相似之處
3、如何選擇?
從出身背景、優勢、缺點、適合場景、開發模式、實踐情況進行對比
1、出身背景：
react是facebook團隊開發，2013.3月發布。目前版本15.5.4（初始版本是13開頭），社區較成熟，擁有更大的生態圈
vue是Evan You個人開發，2014年2月發布 vue2.0版本，生態圈較小
2、優勢：
react官網推薦的三個特點如下：
- 狀態機 —輕松創建交互界面
- 基於組件 —封裝組件，管理狀態
- 學習一次，到處使用 —跨平台
- 更大的規模、更多的使用者、更好的可測試性
- Web和原生APP
- 能提供更多支持和工具的更大的生態系統
vue 官網推薦的三個特點
- 易用 —會html、css、js即刻開始使用
- 靈活 —漸進式技術棧
- 性能 —17kb (min+gzip)，渲染速度更快，體積更小
- 模板或渲染的靈活選項
- 語法以及項目設置的簡單
3、缺點：
react：
- 需要轉換開發模式（函數式編程）
- 學習新的概念和語法（jsx、es5/6等）
- 需要其他類庫支持 (redux)
vue：
- 個人維護框架，風險可能會更大
- 社區不成熟，部分依賴開發人員更新
- 資源較少
4、適合場景
react：
- 大型復雜應用程序
- 同時適用於web端和原生APP
- 周期長，不斷迭代的需求
vue：
- 模板搭建開發模式
- 周期短、小型應用程序
5、開發模式
react：
- 函數式編程（JSX）
- setState狀態管理
vue：
- 模板式開發
- 屬性對象
6、實踐情況
react：
- 國外公司：Facebook、Netflix、Airbnb
- 國內公司：螞蟻金服、阿里、口碑、美團、滴滴
vue：
- 主要是餓了么
相似之處
React和Vue都是優秀的UI庫，並且具有更多的相似之處。它們都有的優勢是：
- 使用虛擬DOM快速渲染
- 輕量級
- 響應式組件
- 服務端渲染
- 輕松集成的的路由、捆綁和狀態管理
- 強大的支持和社區
如何選擇？
如果是以下需求選react
1、如果想組件式開發
2、如果想web和wap統一技術棧
3、如果想要代碼更可維護和可測試性
4、如果你想要最大的生態系統，想利用豐富的組件庫及第三方包
5、如果你想要構建大型應用程序
如果是以下需求選vue
1、如果你喜歡使用模板（ 或需要一些其中的選項）構建應用程序
2、如果是在現有代碼基礎上快速升級
3、如果你喜歡簡單的能正常工作的，想更加靈活性
4、如果你希望你的程序更小更快，想要更快的渲染速度和體積
最后
作為剛入門的小白， 可以先學Vue，然后再在vue的基礎上學習React。所以下次就說說Vue吧~