VUE前端框架的(de)優點

1、輕量級框架

隻關注視(shì)圖層,是一(yī)個構建數據的(de)視(shì)圖集合,大小隻有幾十kb

Vue.js通過簡潔的(de)API提供高(gāo)效的(de)數據綁定和(hé)靈活的(de)組件系統

2、簡單易學(xué)

國人開發,中文文檔,不存在語言障礙,易于理(lǐ)解和(hé)學(xué)習

3、雙向數據綁定

也就是所謂的(de)響應式數據綁定。這裏的(de)響應式不是@media 媒體查詢中的(de)響應式布局，而是指vue.js會自(zì)動對頁面中某些數據的(de)變化做(zuò)出同步的(de)響應。

也就是說，vue.js會自(zì)動響應數據的(de)變化情況，并且根據用戶在代碼中預先寫好的(de)綁定關系，對所有綁定在一(yī)起的(de)數據和(hé)視(shì)圖內(nèi)容都進行修改。而這種綁定關系，就是以input 标簽的(de)v-model屬性來聲明的(de)，因此你在别的(de)地(dì)方可(kě)能也會看到有人粗略的(de)稱vue.js為(wèi)聲明式渲染的(de)模版引擎。

這也就是vue.js最大的(de)優點，通過MVVM思想實現數據的(de)雙向綁定，讓開發者不用再操作dom對象，有更多的(de)時間去(qù)思考業務邏輯。

4、組件化

在前端應用，我們是否也可(kě)以像編程一(yī)樣把模塊封裝呢(ne)？這就引入了組件化開發的(de)思想。

Vue.js通過組件，把一(yī)個單頁應用中的(de)各種模塊拆分到一(yī)個一(yī)個單獨的(de)組件（component）中，我們隻要先在父級應用中寫好各種組件标簽（占坑），并且在組件标簽中寫好要傳入組件的(de)參數（就像給函數傳入參數一(yī)樣，這個參數叫做(zuò)組件的(de)屬性），然後再分别寫好各種組件的(de)實現（填坑），然後整個應用就算做(zuò)完了。

5、視(shì)圖,數據,結構分離(lí)

使數據的(de)更改更為(wèi)簡單,不需要進行邏輯代碼的(de)修改,隻需要操作數據就能完成相關操作

6、虛拟DOM

現在的(de)網速越來越快了，很多人家裏都是幾十甚至上百M的(de)光纖，手機也是4G起步了，按道(dào)理(lǐ)一(yī)個網頁才幾百K，而且浏覽器本身還會緩存很多資源文件，那麽幾十M的(de)光纖為(wèi)什麽打開一(yī)個之前已經打開過，已經有緩存的(de)頁面還是感覺很慢呢(ne)？這就是因為(wèi)浏覽器本身處理(lǐ)DOM也是有性能瓶頸的(de)，尤其是在傳統開發中，用JQuery或者原生的(de)JavaScript DOM操作函數對DOM進行頻繁操作的(de)時候，浏覽器要不停的(de)渲染新的(de)DOM樹，導緻頁面看起來非常卡頓。

而Virtual DOM則是虛拟DOM的(de)英文，簡單來說，他就是一(yī)種可(kě)以預先通過JavaScript進行各種計算，把最終的(de)DOM操作計算出來并優化，由于這個DOM操作屬于預處理(lǐ)操作，并沒有真實的(de)操作DOM，所以叫做(zuò)虛拟DOM。最後在計算完畢才真正将DOM操作提交，将DOM操作變化反映到DOM樹上。

7、運行速度更快

像比較與react而言,同樣都是操作虛拟dom,就性能而言,vue存在很大的(de)優勢