react和vue的區別?

      • 數據是否可變: react總體是函數式的思想,把組件設計成純組件,狀態和邏輯經過參數傳入,因此在react中,是單向數據流,推崇結合immutable來實現數據不可變; vue的思想是響應式的,也就是基因而數據可變的,經過對每個屬性創建Watcher來監聽,當屬性變化的時候,響應式的更新對應的虛擬dom。總之,react的性能優化須要手動去作,而vue的性能優化是自動的,可是vue的響應式機制也有問題,就是當state特別多的時候,Watcher也會不少,會致使卡頓,因此大型應用(狀態特別多的)通常用react,更加可控。css

      • 經過js來操做一切,仍是用各自的處理方式: react的思路是all in js,經過js來生成html,因此設計了jsx,還有經過js來操做css,社區的styled-component、jss等; vue是把html,css,js組合到一塊兒,用各自的處理方式,vue有單文件組件,能夠把html、css、js寫到一個文件中,html提供了模板引擎來處理。html

      • 類式的組件寫法,仍是聲明式的寫法: react是類式的寫法,api不多; 而vue是聲明式的寫法,經過傳入各類options,api和參數都不少。因此react結合typescript更容易一塊兒寫,vue稍微複雜。vue

      • 擴展不一樣: react能夠經過高階組件(Higher Order Components--HOC)來擴展,而vue須要經過mixins來擴展react

      • 什麼功能內置,什麼交給社區去作: react作的事情不多,不少都交給社區去作,vue不少東西都是內置的,寫起來確實方便一些,
        好比 redux的combineReducer就對應vuex的modules,
        好比reselect就對應vuex的getter和vue組件的computed,
        vuex的mutation是直接改變的原始數據,而redux的reducer是返回一個全新的state,因此redux結合immutable來優化性能,vue不須要。
        vuex

Java Program!
相關文章
相關標籤/搜索