VUE的優點

VUE的優點

        </h1>
        <div class="clear"></div>
        <div class="postBody">

vue的優點:

1、輕量級框架

只關注視圖層,是一個構建數據的視圖集合,大小隻有幾十kb

Vue.js通過簡潔的API提供高效的數據綁定和靈活的組件系統

2、簡單易學

國人開發,中文文檔,不存在語言障礙,易於理解和學習

3、雙向數據綁定

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

也就是說,vue.js會自動響應數據的變化情況,並且根據用戶在代碼中預先寫好的綁定關係,對所有綁定在一起的數據和視圖內容都進行修改。而這種綁定關係,就是以input 標籤的v-model屬性來聲明的,因此你在別的地方可能也會看到有人粗略的稱vue.js爲聲明式渲染的模版引擎。

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

4、組件化

在前端應用,我們是否也可以像編程一樣把模塊封裝呢?這就引入了組件化開發的思想。

Vue.js通過組件,把一個單頁應用中的各種模塊拆分到一個一個單獨的組件(component)中,我們只要先在父級應用中寫好各種組件標籤(佔坑),並且在組件標籤中寫好要傳入組件的參數(就像給函數傳入參數一樣,這個參數叫做組件的屬性),然後再分別寫好各種組件的實現(填坑),然後整個應用就算做完了。

5、視圖,數據,結構分離

使數據的更改更爲簡單,不需要進行邏輯代碼的修改,只需要操作數據就能完成相關操作

6、虛擬DOM

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

而Virtual DOM則是虛擬DOM的英文,簡單來說,他就是一種可以預先通過JavaScript進行各種計算,把最終的DOM操作計算出來並優化,由於這個DOM操作屬於預處理操作,並沒有真實的操作DOM,所以叫做虛擬DOM。最後在計算完畢才真正將DOM操作提交,將DOM操作變化反映到DOM樹上。

7、運行速度更快

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

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章