JC在教學(xué)過程中。一直聽到有一種聲音，vue比react，react用的多vue已經(jīng)不多了，諸如此類的聲音，我在這里要說明的是。技術(shù)的本身不存在好與壞。過時與先進。只是在不同的場合使用不同的技術(shù)會更好的體現(xiàn)技術(shù)的特點?？蚣芤膊焕?，如果真的要對比，那我們就來比一比。聽我我的評論后你再來看看是不是和你的想法一致。

vue和react的區(qū)別之我見

react和vue都是做組件化的，整體的功能都類似，但是他們的設(shè)計思路是有很多不同的。使用react和vue，主要是理解他們的設(shè)計思路的不同。

數(shù)據(jù)是不是可變的

react整體是函數(shù)式的思想，把組件設(shè)計成純組件，狀態(tài)和邏輯通過參數(shù)傳入，所以在react中，是單向數(shù)據(jù)流，推崇結(jié)合immutable來實現(xiàn)數(shù)據(jù)不可變。react在setState之后會重新走渲染的流程，如果shouldComponentUpdate返回的是true，就繼續(xù)渲染，如果返回了false，就不會重新渲染，PureComponent就是重寫了shouldComponentUpdate，然后在里面作了props和state的淺層對比。

而vue的思想是響應(yīng)式的，也就是基于是數(shù)據(jù)可變的，通過對每一個屬性建立Watcher來監(jiān)聽，當屬性變化的時候，響應(yīng)式的更新對應(yīng)的虛擬dom。

總之，react的性能優(yōu)化需要手動去做，而vue的性能優(yōu)化是自動的，但是vue的響應(yīng)式機制也有問題，就是當state特別多的時候，Watcher也會很多，會導(dǎo)致卡頓，所以大型應(yīng)用（狀態(tài)特別多的）一般用react，更加可控。通過js來操作一切，還是用各自的處理方式

react的思路是all in js，通過js來生成html，所以設(shè)計了jsx，還有通過js來操作css，社區(qū)的styled-component、jss等，

vue是把html，css，js組合到一起，用各自的處理方式，vue有單文件組件，可以把html、css、js寫到一個文件中，html提供了模板引擎來處理。

類式的組件寫法，還是聲明式的寫法

react是類式的寫法，api很少，而vue是聲明式的寫法，通過傳入各種options，api和參數(shù)都很多。所以react結(jié)合typescript更容易一起寫，vue稍微復(fù)雜。

react可以通過高階組件（Higher Order Components--HOC）來擴展，而vue需要通過mixins來擴展

什么功能內(nèi)置，什么交給社區(qū)去做

eact做的事情很少，很多都交給社區(qū)去做，vue很多東西都是內(nèi)置的，寫起來確實方便一些，比如 redux的combineReducer就對應(yīng)vuex的modules，比如reselect就對應(yīng)vuex的getter和vue組件的computed，

vuex

的mutation是直接改變的原始數(shù)據(jù)，而redux的reducer是返回一個全新的state，所以redux結(jié)合immutable來優(yōu)化性能，vue不需要。

我會更多的課程分享和直播體驗，了解技術(shù)，了解課程，掌握未來的自己，一起來吧