使用vue.js的原因:1、Vue的核心庫只專注於視圖層;2、Vue能讓網頁開發變得方便;3、Vue.js透過元件,把一個單頁應用程式中的各種模組拆分到一個單獨的組件中;4、虛擬DOM可以最小化操作dom,從而避免了效能損耗。
本教學操作環境:windows7系統、vue2.0版本、Dell G3電腦。
相關推薦:《vue.js教學》
為什麼要用vue.js?
Vue.js(發音 /vjuː/, 類似 view) 是一套建構使用者介面的 漸進式框架。與其他重量級框架不同的是,Vue 採用自底向上增量開發的設計。 Vue 的核心庫只專注於視圖層,而且非常容易學習,非常容易與其它庫或已有專案整合。另一方面,Vue 完全有能力驅動採用單文件元件和 Vue 生態系統支援的庫開發的複雜單頁應用。
使用vue.js的原因:
#Vue 的核心函式庫只關注視圖層
頁面元素非常多的網頁,結構很龐大,資料和視圖如果全部混雜在一起,像傳統開發一樣全部混合在HTML中,那麼要對它們進行處理會十分的費勁。
Vue能讓網頁開發變得方便
#因為Vue.js有聲明式,響應式的資料綁定,與元件化的開發,也使用了Virtual DOM這個看名字就覺得高大上的技術。
元件化開發
Vue.js透過元件,把一個單頁應用程式中的各種模組拆分到一個一個單獨的在元件(component)中,我們只要先在父級應用程式中寫好各種元件標籤(佔坑),並且在元件標籤中寫好要傳入元件的參數(就像給函數傳入參數一樣,這個參數叫做元件的屬性),然後再分別寫好各種元件的實作(填坑),然後整個應用就算做完了。
Virtual DOM
原生的JavaScript DOM操作函數對DOM進行頻繁操作的時候,瀏覽器要不停的渲染新的DOM樹,導致頁面看起來非常卡頓。虛擬DOM可以最小化操作dom,從而避免了效能損耗。
以上是為何使用vue.js的詳細內容。更多資訊請關注PHP中文網其他相關文章!