vue和react本質的差別是什麼

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

本文操作環境：windows7系統、react17.0.1&&vue2.0版本、Dell G3電腦。

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的區別 中也會講到。

推薦：《js基礎教學》

以上是vue和react本質的差別是什麼的詳細內容。更多資訊請關注PHP中文網其他相關文章！