簡介
React:React是一個用於創建可重用且有吸引力的UI組件的庫。它非常適合代表經常變化的數據的組件。
Vue:Vue.js是一個開源JavaScript框架,能夠開發單頁面應用程序。它還可以用作Web應用程序框架,旨在簡化Web開發。
共同點
1:都是為了一起與核心庫使用而構建的,並將其他功能如路由和全局狀態管理交給相關庫;
2:兩者都是基於Virtual DOM模型,
3:提供了以響應式和組件化的視圖組件。
區別
♥ 組成結構
React.js是使用虛擬DOM(基於文檔對象模型),有豐富的JavaScript庫,具有靈活的結構和可擴展性。
Vue.js包含基於HTML的標准模板,可以更輕松地使用和修改現有應用程序,可以更順暢的集成(組件),有更好的性能和更小的體積;
♥ 渲染方式
當組件發生變化時,React會觸發整個組件樹的重新渲染,需要使用額外的屬性阻止不相關的子組件的渲染。
在Vue的應用中,組件的依賴是在渲染過程中自動追蹤的,所以系統能准確的知道哪個組件確實需要重新渲染。
♥ JSX與HTML
React使用JSX-一種聲明式JavaScript XML,允許開發人員利用JavaScript的強大功能編寫組件。
Vue使用HTML模板創建視圖。
♥ 路由和狀態管理
React使用Flux / Redux,它代表單向數據流。
Vue使用Vuex,是專為 Vue.js 應用程序開發的狀態管理模式。它采用集中式存儲管理應用的所有組件的狀態,並以相應的規則保證狀態以一種可預測的方式發生變化。
♥ 跨平台應用程序開發
React的React Native是一個成熟且廣泛使用的本機渲染應用程序平台。
Vue框架被廣泛應用於weex頁面開發,致力於使開發者能基於通用跨平台的 Web 開發語言和開發經驗,來構建 Android、iOS 和 Web 應用。
總結
React:需要構建移動應用程序;專業和出色的社區支持;需要構建大型應用程序;輕量級,易於版本遷移。
Vue:有最新的文檔和最簡單的語法;更小,更快,更靈活;豐富的HTML模板,易於開發;組件的可重用性;需要構建有吸引力的單頁面應用程序和Web應用程序;
-THE END-