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

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

vue和react哪個(gè)體積大

React

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

Vue

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

vue和react哪個(gè)體積大？

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

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

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

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

總結(jié)

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