相似點:
- 1、使用 Virtual DOM
- 2、提供了響應式 (Reactive) 和組件化 (Composable) 的視圖組件。
- 3、將注意力集中保持在核心庫,而將其他功能如路由和全局狀態(tài)管理交給相關的庫。
區(qū)別:
- 1 、在 React 應用中,當某個組件的狀態(tài)發(fā)生變化時,它會以該組件為根,重新渲染整個組件子樹。如要避免不必要的子組件的重渲染,你需要手動實現;在 Vue 應用中,組件的依賴是在渲染過程中自動追蹤的,所以系統(tǒng)能精確知曉哪個組件確實需要被重渲染,開發(fā)者不需要考慮組件是否需要重新渲染之類的優(yōu)化。
- 2、在React中,一切都是JavaScript,所有的組件的渲染功能都依靠 JSX。JSX 是使用 XML 語法編寫 JavaScript 的一種語法糖。你可以使用完整的編程語言 JavaScript 功能來構建你的視圖頁面;在Vue中有自帶的渲染函數,Vue也支持JSX,Vue官方推薦使用模板渲染視圖。組件分為邏輯類組件和表現類組件。
- 3、組件作用域內的CSS。CSS 作用域在 React 中是通過 CSS-in-JS 的方案實現的;在Vue中是通過給style標簽加scoped標記實現的。
- 4、Vue 的路由庫和狀態(tài)管理庫都是由官方維護支持且與核心庫同步更新的。React 則是選擇把這些問題交給社區(qū)維護,因此創(chuàng)建了一個更分散的生態(tài)系統(tǒng)。
大前端知識庫收集分享 www.rjxgc.com 壹玖零Tech
搜羅各種前后端奇淫技巧,花式編程思想,日日更新,速來圍觀吧...