資訊專欄INFORMATION COLUMN
摘要：一相似之處它們都是前端優(yōu)秀的庫使用快速渲染提供了響應(yīng)式和組件化的視圖組件。都支持服務(wù)端渲染將注意力集中保持在核心庫，而將其他功能如路由和全局狀態(tài)管理交給相關(guān)的庫。
一. 相似之處
它們都是前端優(yōu)秀的UI庫
使用 Virtual DOM快速渲染
提供了響應(yīng)式 (Reactive) 和組件化 (Composable) 的視圖組件。
都支持服務(wù)端渲染
將注意力集中保持在核心庫，而將其他功能如路由和全局狀態(tài)管理交給相關(guān)的庫。
二. 不同之處
性能方面
React 組件的狀態(tài)有變化時，它會以該組件為根，重新渲染整個組件子樹，需要使用PureComponent，或是實(shí)現(xiàn)shouldComponentUpdate（15）、getDerivedStateFromProps（16）方法進(jìn)行優(yōu)化
Vue 使得開發(fā)者不再需要考慮此類優(yōu)化，從而能夠更好地專注于應(yīng)用本身。
數(shù)據(jù)的可變性
React 它是函數(shù)式的思想，把組件設(shè)計(jì)成純組件，狀態(tài)和邏輯通過參數(shù)傳入，所以在react中，是單向數(shù)據(jù)流，推崇結(jié)合immutable來實(shí)現(xiàn)數(shù)據(jù)不可變。在setState之后會重新走渲染的流程，如果shouldComponentUpdate（15）返回的是true或getDerivedStateFromProps（16）返回的不是null，就繼續(xù)渲染，如果返回了false，就不會重新渲染，PureComponent就是重寫了shouldComponentUpdate，然后在里面作了props和state的淺層對比
Vue 它是響應(yīng)式的思想，也就是基于是數(shù)據(jù)可變的，通過對每一個屬性建立Watcher來監(jiān)聽，當(dāng)屬性變化的時候，響應(yīng)式的更新對應(yīng)的虛擬dom
渲染方式
React 他的思路是all in js，通過js來生成html，設(shè)計(jì)了jsx，通過js來操作css Vue 提供了渲染函數(shù)，同時也支持JSX，默認(rèn)推薦的還是模板，任何合乎規(guī)范的 HTML 都是合法的Vue模板
聲明方式
React 是類式的寫法，api較少
Vue 是聲明式的寫法，通過傳入各種options，api和參數(shù)較多
擴(kuò)展功能方式
React 通過高階組件來擴(kuò)展
Vue 通過Mixins來擴(kuò)展
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/100469.html
摘要：一關(guān)于狀態(tài)管理它們都有統(tǒng)一維護(hù)管理應(yīng)用狀態(tài)的能力某一狀態(tài)只有一個可信數(shù)據(jù)來源通常命名為，指狀態(tài)容器操作更新狀態(tài)方式統(tǒng)一，并且可控通常以方式提供更新狀態(tài)的途徑支持將與組件連接，如，通常使用狀態(tài)管理庫后，我們將組件從業(yè)務(wù)上劃分為兩類容器組件 一. 關(guān)于狀態(tài)管理 它們都有統(tǒng)一維護(hù)管理應(yīng)用狀態(tài)的能力； 某一狀態(tài)只有一個可信數(shù)據(jù)來源（通常命名為store，指狀態(tài)容器）； 操作更新狀態(tài)方式統(tǒng)一，并...
摘要：在互聯(lián)網(wǎng)高速發(fā)現(xiàn)的今天，可以說每天都在變化著一不留神你就會錯過一個億，所以你不得不時刻的保持著高度的專注。如今為代表的三個框架已然成為了主流成為統(tǒng)治者，呈現(xiàn)了三分天下的局面。有人說如今是框架的時代，只要會一個框架就能開始干活了。 在互聯(lián)網(wǎng)高速發(fā)現(xiàn)的今天，可以說每天都在變化著一不留神你就會錯過一個億，所以你不得不時刻的保持著高度的專注。 互聯(lián)網(wǎng)的信息是多元的，大量的，在海量的信息中很容易...
摘要：中的常見寫法先看下這段代碼。聲明式編程，就是告訴機(jī)器你想要的是什么，讓機(jī)器想出如何去做。最獨(dú)特的特性之一，是其非侵入性的響應(yīng)式系統(tǒng)。的縮寫將遍歷此對象所有的屬性。這一過程被稱為依賴收集。組件的顯示，數(shù)據(jù)的體現(xiàn)大部分都是由承載，傳遞。 目錄 緣起 Android開發(fā)中的常見寫法 JQuery中的常見寫法 命令式編程 聲明式編程 React中的常見寫法 Vue的常見寫法 你肯定熟悉響應(yīng)...
摘要：最近的一次更新的變量有效，并且會作用于全部的引用的處理方式和相同，變量值輸出時根據(jù)之前最近的一次定義計(jì)算，每次引用最近的定義有效嵌套三種預(yù)編譯器的選擇器嵌套在使用上來說沒有任何區(qū)別，甚至連引用父級選擇器的標(biāo)記也相同。 面試匯總一：2018大廠高級前端面試題匯總 高級面試：【半月刊】前端高頻面試題及答案匯總 css內(nèi)容 響應(yīng)式布局 當(dāng)前主流的三種預(yù)編譯器比較 CSS預(yù)處理器用一種專門的...
閱讀 1903·2021-11-15 11:39
閱讀 1117·2020-12-03 17:06
閱讀 765·2019-12-27 11:42
閱讀 3295·2019-08-30 13:59
閱讀 1494·2019-08-26 13:22
閱讀 3307·2019-08-26 12:15
閱讀 2493·2019-08-26 10:22
閱讀 1589·2019-08-23 18:40
