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