VUE的優(yōu)點(diǎn)

1、輕量級框架

只關(guān)注視圖層,是一個構(gòu)建數(shù)據(jù)的視圖集合,大小只有幾十kb
通過簡潔的API提供高效的數(shù)據(jù)綁定和靈活的組件系統(tǒng)

2、雙向數(shù)據(jù)綁定

也就是所謂的響應(yīng)式數(shù)據(jù)綁定。vue.js會自動對頁面中某些數(shù)據(jù)的變化做出同步的響應(yīng)。
也就是說,vue.js會自動響應(yīng)數(shù)據(jù)的變化情況,并且根據(jù)用戶在代碼中預(yù)先寫好的綁定關(guān)系,對所有綁定在一起的數(shù)據(jù)和視圖內(nèi)容都進(jìn)行修改。
這也就是vue.js最大的優(yōu)點(diǎn),通過MVVM思想實(shí)現(xiàn)數(shù)據(jù)的雙向綁定,讓開發(fā)者不用再操作dom對象,有更多的時間去思考業(yè)務(wù)邏輯。

3、組件化

Vue.js通過組件,把一個單頁應(yīng)用中的各種模塊拆分到一個一個單獨(dú)的組件(component)中,我們只要先在父級應(yīng)用中寫好各種組件標(biāo)簽(占坑),并且在組件標(biāo)簽中寫好要傳入組件的參數(shù)(就像給函數(shù)傳入?yún)?shù)一樣,這個參數(shù)叫做組件的屬性),然后再分別寫好各種組件的實(shí)現(xiàn)(填坑),然后整個應(yīng)用就算做完了。

4、視圖,數(shù)據(jù),結(jié)構(gòu)分離

使數(shù)據(jù)的更改更為簡單,不需要進(jìn)行邏輯代碼的修改,只需要操作數(shù)據(jù)就能完成相關(guān)操作

5、虛擬DOM

因?yàn)闉g覽器本身處理DOM也是有性能瓶頸的,尤其是在傳統(tǒng)開發(fā)中,用JQuery或者原生的JavaScript DOM操作函數(shù)對DOM進(jìn)行頻繁操作的時候,瀏覽器要不停的渲染新的DOM樹,導(dǎo)致頁面看起來非??D。

虛擬DOM,簡單來說,一種可以預(yù)先通過JavaScript進(jìn)行各種計(jì)算,把最終的DOM操作計(jì)算出來并優(yōu)化,由于這個DOM操作屬于預(yù)處理操作,并沒有真實(shí)的操作DOM,所以叫做虛擬DOM。最后在計(jì)算完畢才真正將DOM操作提交,將DOM操作變化反映到DOM樹上。

6、運(yùn)行速度更快

與react而言,同樣都是操作虛擬dom,就性能而言,vue存在很大的優(yōu)勢

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

友情鏈接更多精彩內(nèi)容