區(qū)別：

vue是雙向綁定的，采用template；

react是單向的，采用jsx。

Vue的優(yōu)缺點(diǎn)：

簡(jiǎn)單、快速、強(qiáng)大、對(duì)模塊友好，但不支持IE8。

React的優(yōu)缺點(diǎn)：

速度快、跨瀏覽器兼容、模塊化；

但學(xué)習(xí)曲線陡峭，需要深入的知識(shí)來構(gòu)建應(yīng)用程序。

react和vue的區(qū)別

監(jiān)聽數(shù)據(jù)變化的實(shí)現(xiàn)原理不同

Vue通過 getter/setter以及一些函數(shù)的劫持，能精確知道數(shù)據(jù)變化。

React默認(rèn)是通過比較引用的方式（diff）進(jìn)行的，如果不優(yōu)化可能導(dǎo)致大量不必要的VDOM的重新渲染。為什么React不精確監(jiān)聽數(shù)據(jù)變化呢？這是因?yàn)閂ue和React設(shè)計(jì)理念上的區(qū)別，Vue使用的是可變數(shù)據(jù)，而React更強(qiáng)調(diào)數(shù)據(jù)的不可變，兩者沒有好壞之分，Vue更加簡(jiǎn)單，而React構(gòu)建大型應(yīng)用的時(shí)候更加魯棒。

數(shù)據(jù)綁定

vue：

vue是雙向綁定， Vue.js 最核心的功能有兩個(gè)，一是響應(yīng)式的數(shù)據(jù)綁定系統(tǒng)，二是組件系統(tǒng)。

所謂雙向綁定，指的是vue實(shí)例中的data與其渲染的DOM元素的內(nèi)容保持一致，無論誰被改變，另一方會(huì)相應(yīng)的更新為相同的數(shù)據(jù)。這是通過設(shè)置屬性訪問器實(shí)現(xiàn)的。

Vue 的依賴追蹤是【原理上不支持雙向綁定，v-model 只是通過監(jiān)聽 DOM 事件實(shí)現(xiàn)的語法糖】

vue的依賴追蹤是通過 Object.defineProperty 把data對(duì)象的屬性全部轉(zhuǎn)為 getter/setter來實(shí)現(xiàn)的；

當(dāng)改變數(shù)據(jù)的某個(gè)屬性值時(shí)，會(huì)觸發(fā)set函數(shù),獲取該屬性值的時(shí)候會(huì)觸發(fā)get函數(shù)，通過這個(gè)特性來實(shí)現(xiàn)改變數(shù)據(jù)時(shí)改變視圖；

也就是說只有當(dāng)數(shù)據(jù)改變時(shí)才會(huì)觸發(fā)視圖的改變，反過來在操作視圖時(shí)，只能通過DOM事件來改變數(shù)據(jù)，再由此來改變視圖，以此來實(shí)現(xiàn)雙向綁定

雙向綁定是在同一個(gè)組件內(nèi)，將數(shù)據(jù)和視圖綁定起來，和父子組件之間的通信并無什么關(guān)聯(lián)；

組件之間的通信采用單向數(shù)據(jù)流是為了組件間更好的解耦，在開發(fā)中可能有多個(gè)子組件依賴于父組件的某個(gè)數(shù)據(jù)，假如子組件可以修改父組件數(shù)據(jù)的話，一個(gè)子組件變化會(huì)引發(fā)所有依賴這個(gè)數(shù)據(jù)的子組件發(fā)生變化，所以vue不推薦子組件修改父組件的數(shù)據(jù)，直接修改props會(huì)拋出警告

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

react：

react是單向數(shù)據(jù)流；

react中通過將state（Model層）與View層數(shù)據(jù)進(jìn)行雙向綁定達(dá)數(shù)據(jù)的實(shí)時(shí)更新變化，

具體來說就是在View層直接寫JS代碼Model層中的數(shù)據(jù)拿過來渲染，一旦像表單操作、觸發(fā)事件、ajax請(qǐng)求等觸發(fā)數(shù)據(jù)變化，則進(jìn)行雙同步。

推崇結(jié)合immutable來實(shí)現(xiàn)數(shù)據(jù)不可變。

可以看看：https://www.cnblogs.com/yangyangxxb/p/10104817.html。

react在setState之后會(huì)重新走渲染的流程，如果shouldComponentupdate返回的是true，就繼續(xù)渲染， 如果返回了false，就不會(huì)重新渲染，PureComponent就是重寫了shouldComponentupdate， 然后在里面作了props和state的淺層對(duì)比;

組件通信的不同