vue和react本質上有哪些區別

這篇文章將為大家詳細講解有關vue和react本質上有哪些區別，小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。

vue和react本質的區別是模板和組件化的區別；Vue本質是MVVM框架，由MVC發展而來，而React是前端組件化框架，由后端組件化發展而來。

Vue和React兩個JavaScript框架都是當下比較受歡迎的，他們兩者之間有什么區別？

Vue.js是一套構建用戶界面的漸進式框架。與其他重量級框架不同的是，Vue 采用自底向上增量開發的設計。Vue 的核心庫只關注視圖層，并且非常容易學習，非常容易與其它庫或已有項目整合。另一方面，Vue 完全有能力驅動采用單文件組件和Vue生態系統支持的庫開發的復雜單頁應用。

React是一個用于構建用戶界面的開源JavaScript庫，主要用于構建UI，很多人認為 React 是 MVC 中的 V（視圖）。React 擁有較高的性能，代碼邏輯非常簡單，越來越多的人已開始關注和使用它。

React視圖通常采用包含以自定義HTML標記規定的其他組件的組件渲染。React為程序員提供了一種子組件不能直接影響外層組件（"data flows down"）的模型，數據改變時對HTML文檔的有效更新，和現代單頁應用中組件之間干凈的分離。

vue和react的區別

vue和react的本質的區別：模板和組件化的區別

Vue本質是MVVM框架，由MVC發展而來；

React是前端組件化框架，由后端組件化發展而來；

數據流的不同：

vue雙向數據流 React 單向響應數據流

監聽數據變化的實現原理不同

Vue 通過 getter/setter 以及一些函數的劫持，能精確知道數據變化，不需要特別的優化就能達到很好的性能

React 默認是通過比較引用的方式進行的，如果不優化（PureComponent/shouldComponentUpdate）可能導致大量不必要的VDOM的重新渲染

為什么 React 不精確監聽數據變化呢？這是因為 Vue 和 React 設計理念上的區別，Vue 使用的是可變數據，而React更強調數據的不可變。所以應該說沒有好壞之分，Vue更加簡單，而React構建大型應用的時候更加魯棒。

因為一般都會用一個數據層的框架比如 Vuex 和 Redux，所以這部分不作過多解釋，在最后的 vuex 和 redux的區別 中也會講到。

關于“vue和react本質上有哪些區別”這篇文章就分享到這里了，希望以上內容可以對大家有一定的幫助，使各位可以學到更多知識，如果覺得文章不錯，請把它分享出去讓更多的人看到。