vue和react本質(zhì)上有哪些區(qū)別

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

vue和react本質(zhì)的區(qū)別是模板和組件化的區(qū)別；Vue本質(zhì)是MVVM框架，由MVC發(fā)展而來，而React是前端組件化框架，由后端組件化發(fā)展而來。

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

Vue.js是一套構(gòu)建用戶界面的漸進式框架。與其他重量級框架不同的是，Vue 采用自底向上增量開發(fā)的設(shè)計。Vue 的核心庫只關(guān)注視圖層，并且非常容易學(xué)習(xí)，非常容易與其它庫或已有項目整合。另一方面，Vue 完全有能力驅(qū)動采用單文件組件和Vue生態(tài)系統(tǒng)支持的庫開發(fā)的復(fù)雜單頁應(yīng)用。

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

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

vue和react的區(qū)別

vue和react的本質(zhì)的區(qū)別：模板和組件化的區(qū)別

Vue本質(zhì)是MVVM框架，由MVC發(fā)展而來；

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

數(shù)據(jù)流的不同：

vue雙向數(shù)據(jù)流 React 單向響應(yīng)數(shù)據(jù)流

監(jiān)聽數(shù)據(jù)變化的實現(xiàn)原理不同

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

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

為什么 React 不精確監(jiān)聽數(shù)據(jù)變化呢？這是因為 Vue 和 React 設(shè)計理念上的區(qū)別，Vue 使用的是可變數(shù)據(jù)，而React更強調(diào)數(shù)據(jù)的不可變。所以應(yīng)該說沒有好壞之分，Vue更加簡單，而React構(gòu)建大型應(yīng)用的時候更加魯棒。

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

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