狠狠色丁香婷婷综合尤物/久久精品综合一区二区三区/中国有色金属学报/国产日韩欧美在线观看 - 国产一区二区三区四区五区tv

區別：

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

react是單向的，采用jsx。

Vue的優缺點：

簡單、快速、強大、對模塊友好，但不支持IE8。

React的優缺點：

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

但學習曲線陡峭，需要深入的知識來構建應用程序。

react和vue的區別

監聽數據變化的實現原理不同

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

React默認是通過比較引用的方式（diff）進行的，如果不優化可能導致大量不必要的VDOM的重新渲染。為什么React不精確監聽數據變化呢？這是因為Vue和React設計理念上的區別，Vue使用的是可變數據，而React更強調數據的不可變，兩者沒有好壞之分，Vue更加簡單，而React構建大型應用的時候更加魯棒。

數據綁定

vue：

vue是雙向綁定， Vue.js 最核心的功能有兩個，一是響應式的數據綁定系統，二是組件系統。

所謂雙向綁定，指的是vue實例中的data與其渲染的DOM元素的內容保持一致，無論誰被改變，另一方會相應的更新為相同的數據。這是通過設置屬性訪問器實現的。

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

vue的依賴追蹤是通過 Object.defineProperty 把data對象的屬性全部轉為 getter/setter來實現的；

當改變數據的某個屬性值時，會觸發set函數,獲取該屬性值的時候會觸發get函數，通過這個特性來實現改變數據時改變視圖；

也就是說只有當數據改變時才會觸發視圖的改變，反過來在操作視圖時，只能通過DOM事件來改變數據，再由此來改變視圖，以此來實現雙向綁定

雙向綁定是在同一個組件內，將數據和視圖綁定起來，和父子組件之間的通信并無什么關聯；

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

思想是響應式的，也就是基于是數據可變的，通過對每一個屬性建立Watcher來監聽， 當屬性變化的時候，響應式的更新對應的虛擬dom。

react：

react是單向數據流；

react中通過將state（Model層）與View層數據進行雙向綁定達數據的實時更新變化，

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

推崇結合immutable來實現數據不可變。

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

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

組件通信的不同