react的體積較大；在benchmark測試中，react壓縮版本的體積幾乎是vue的兩倍大；react擅長處理大型應(yīng)用項目或者使用JavaScript構(gòu)建移動應(yīng)用程序，體積較大，而vue的使用成本較低，更靈活，體積較小。

本教程操作環(huán)境：Windows10系統(tǒng)、react17.0.1版、Dell G3電腦。

vue和react哪個體積大

React

React主張是函數(shù)式編程的理念， 實現(xiàn)了前端界面的高性能高效率開發(fā)，react很擅長處理組件化的頁面。React的官方網(wǎng)站提到了“學(xué)習(xí)一次，隨處寫作”這個關(guān)鍵功能，可以使用React框架在JavaScript中構(gòu)建移動應(yīng)用程序。在 React 中，所有的組件的渲染功能都依靠 JSX，它是JavaScript的語法擴(kuò)展，它在創(chuàng)建UI組件和調(diào)試時非常簡單有用。

Vue

Vue是漸進(jìn)式JavaScript框架。“漸進(jìn)式框架”和“自底向上增量開發(fā)的設(shè)計”是Vue開發(fā)的兩個概念。Vue可以在任意其他類型的項目中使用，使用成本較低，更靈活，主張較弱，在Vue的項目中也可以輕松融匯其他的技術(shù)來開發(fā)。特點：易用（使用成本低），靈活（生態(tài)系統(tǒng)完善，適用于任何規(guī)模的項目），高效（體積小，優(yōu)化好，性能好）。

vue和react哪個體積大？

Vue核心開發(fā)者提供了一個benchmark測試，可以看出Vue的渲染系統(tǒng)比React的更快。測試方法是10000個項目的列表渲染100次。

從實用的觀點來看，這種benchmark只和邊緣情況有關(guān)，大部分應(yīng)用程序中不會經(jīng)常進(jìn)行這種操作，所以這不應(yīng)該被視為一個重要的比較點。

但是，頁面大小是與所有項目有關(guān)的，這方面Vue再次領(lǐng)先，它目前的版本壓縮后只有25.6KB。

React要實現(xiàn)同樣的功能，你需要React DOM（37.4KB）和React with Addon庫（11.4KB），共計44.8KB，幾乎是Vue的兩倍大。雙倍的體積并不能帶來雙倍的功能。

總結(jié)

Vue的優(yōu)勢包括： 模板和渲染函數(shù)的彈性選擇， 簡單的語法及項目創(chuàng)建， 更快的渲染速度和更小的體積；React的優(yōu)勢包括： 更適用于大型應(yīng)用和更好的可測試性，同時適用于Web端和原生App， 更大的生態(tài)圈帶來的