vue和react的區(qū)別

vue和react的區(qū)別:

  • 1垄潮、模板渲染方式的不同
    在表層上奇瘦,模板的語法不同桩卵,React是通過JSX渲染模板验靡。而Vue是通過一種拓展的HTML語法進(jìn)行渲染。
    在深層上雏节,模板的原理不同,通過原生JS實現(xiàn)模板中的常見語法胜嗓,比如插值,條件钩乍,循環(huán)等辞州,都是通過JS語法實現(xiàn)的,更加純粹更加原生寥粹。
    Vue是在和組件JS代碼分離的單獨的模板中变过,通過指令來實現(xiàn)的,比如條件語句就需要 v-if 來實現(xiàn)對這一點涝涤,這樣的做法顯得有些獨特媚狰,會把HTML弄得很亂。

  • 2妄痪、渲染過程不同
    Vue可以更快地計算出Virtual DOM的差異哈雏,這是由于它在渲染過程中,會跟蹤每一個組件的依賴關(guān)系衫生,不需要重新渲染整個組件樹裳瘪。
    React在應(yīng)用的狀態(tài)被改變時,全部子組件都會重新渲染罪针。通過shouldComponentUpdate這個生命周期方法可以進(jìn)行控制彭羹,但Vue將此視為默認(rèn)的優(yōu)化。

  • 3泪酱、框架本質(zhì)不同
    Vue本質(zhì)是MVVM框架派殷,由MVC發(fā)展而來还最;
    React是前端組件化框架,由后端組件化發(fā)展而來毡惜。

  • 4拓轻、數(shù)據(jù)流不同
    vue是響應(yīng)式的數(shù)據(jù)雙向綁定系統(tǒng),而react是單向數(shù)據(jù)流经伙,沒有雙向綁定扶叉。

  • 5、監(jiān)聽數(shù)據(jù)變化的實現(xiàn)原理不同
    Vue通過 getter/setter以及一些函數(shù)的劫持帕膜,能精確知道數(shù)據(jù)變化枣氧。
    React默認(rèn)是通過比較引用的方式(diff)進(jìn)行的,如果不優(yōu)化可能導(dǎo)致大量不必要的VDOM的重新渲染垮刹。為什么React不精確監(jiān)聽數(shù)據(jù)變化呢达吞?這是因為Vue和React設(shè)計理念上的區(qū)別,Vue使用的是可變數(shù)據(jù)荒典,而React更強(qiáng)調(diào)數(shù)據(jù)的不可變酪劫,兩者沒有好壞之分,Vue更加簡單寺董,而React構(gòu)建大型應(yīng)用的時候更加魯棒契耿。

  • 6、Vuex和Redux的區(qū)別
    從表面上來說螃征,store注入和使用方式有一些區(qū)別:
    在Vuex中:

$store被直接注入到了組件實例中,因此可以比較靈活的使用透敌。使用dispatch盯滚、commit提交更新,通過mapState或者直接通過

this.$store來讀取數(shù)據(jù)酗电。

在Redux中:我們每一個組件都需要顯示的用connect把需要的props和dispatch連接起來魄藕。
另外,Vuex更加靈活一些撵术,組件中既可以dispatch action背率,也可以commit updates,而Redux中只能進(jìn)行dispatch嫩与,不能直接調(diào)用reducer進(jìn)行修改寝姿。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市划滋,隨后出現(xiàn)的幾起案子饵筑,更是在濱河造成了極大的恐慌,老刑警劉巖处坪,帶你破解...
    沈念sama閱讀 217,406評論 6 503
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件根资,死亡現(xiàn)場離奇詭異架专,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)玄帕,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,732評論 3 393
  • 文/潘曉璐 我一進(jìn)店門部脚,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人裤纹,你說我怎么就攤上這事委刘。” “怎么了服傍?”我有些...
    開封第一講書人閱讀 163,711評論 0 353
  • 文/不壞的土叔 我叫張陵钱雷,是天一觀的道長。 經(jīng)常有香客問我吹零,道長罩抗,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,380評論 1 293
  • 正文 為了忘掉前任灿椅,我火速辦了婚禮套蒂,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘茫蛹。我一直安慰自己操刀,他們只是感情好,可當(dāng)我...
    茶點故事閱讀 67,432評論 6 392
  • 文/花漫 我一把揭開白布婴洼。 她就那樣靜靜地躺著骨坑,像睡著了一般。 火紅的嫁衣襯著肌膚如雪柬采。 梳的紋絲不亂的頭發(fā)上欢唾,一...
    開封第一講書人閱讀 51,301評論 1 301
  • 那天,我揣著相機(jī)與錄音粉捻,去河邊找鬼礁遣。 笑死,一個胖子當(dāng)著我的面吹牛肩刃,可吹牛的內(nèi)容都是我干的祟霍。 我是一名探鬼主播,決...
    沈念sama閱讀 40,145評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼盈包,長吁一口氣:“原來是場噩夢啊……” “哼沸呐!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起续语,我...
    開封第一講書人閱讀 39,008評論 0 276
  • 序言:老撾萬榮一對情侶失蹤垂谢,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后疮茄,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體滥朱,經(jīng)...
    沈念sama閱讀 45,443評論 1 314
  • 正文 獨居荒郊野嶺守林人離奇死亡根暑,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,649評論 3 334
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了徙邻。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片排嫌。...
    茶點故事閱讀 39,795評論 1 347
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖缰犁,靈堂內(nèi)的尸體忽然破棺而出淳地,到底是詐尸還是另有隱情,我是刑警寧澤帅容,帶...
    沈念sama閱讀 35,501評論 5 345
  • 正文 年R本政府宣布颇象,位于F島的核電站,受9級特大地震影響并徘,放射性物質(zhì)發(fā)生泄漏遣钳。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 41,119評論 3 328
  • 文/蒙蒙 一麦乞、第九天 我趴在偏房一處隱蔽的房頂上張望蕴茴。 院中可真熱鬧,春花似錦姐直、人聲如沸倦淀。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,731評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽撞叽。三九已至,卻和暖如春插龄,著一層夾襖步出監(jiān)牢的瞬間能扒,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 32,865評論 1 269
  • 我被黑心中介騙來泰國打工辫狼, 沒想到剛下飛機(jī)就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人辛润。 一個月前我還...
    沈念sama閱讀 47,899評論 2 370
  • 正文 我出身青樓膨处,卻偏偏與公主長得像,于是被迫代替她去往敵國和親砂竖。 傳聞我的和親對象是個殘疾皇子真椿,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 44,724評論 2 354

推薦閱讀更多精彩內(nèi)容