首頁 > web前端 > js教程 > 主體

vue的優點是什麼

(*-*)浩
發布: 2019-05-25 09:21:43
原創
27948 人瀏覽過

Vue.js是一套建立使用者介面的 漸進式框架。與其他重量級框架不同的是,Vue 採用自底向上增量開發的設計。 Vue 的核心庫只專注於視圖層,而且非常容易學習,非常容易與其它庫或已有專案整合。另一方面,Vue 完全有能力驅動採用單文件元件和 Vue 生態系統支援的庫開發的複雜單頁應用。

vue的優點是什麼

vue的優點:

輕量級框架

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

Vue.js透過簡潔的API提供高效率的資料綁定和靈活的元件系統

#簡單易學

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

雙向資料綁定

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

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

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

元件化

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

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

檢視,資料,結構分離

讓資料的變更更為簡單,不需要進行邏輯程式碼的修改,只需要操作資料就能完成相關運算

虛擬DOM

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

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

運行速度更快

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

以上是vue的優點是什麼的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
vue
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!