一、前端響應式框架VUE簡介

• Vue (讀音 /vjuː/，類似於 view)
• Vue的官方網站是：https://cn.vuejs.org/
• 是中國的大神尤雨溪開發的，為數不多的國人開發的世界頂級開源軟體
• 是一套用於構建使用者介面的漸進式框架。Vue 被設計為可以自底向上逐層應用。（下文會介紹什麼是漸進式框架及自底向上逐層應用的概念）
• MVVM響應式程式設計模型，避免直接操作DOM,降低DOM操作的複雜性。

MVVM：頁面輸入改變資料，資料改變影響頁面資料展示與渲染

• M（model）：普通的javascript資料物件
• V（view）：前端展示頁面
• VM（ViewModel）：用於雙向繫結資料與頁面，對於我們的課程來說，就是vue的例項
  

二、VUE核心功能

• 基礎功能：頁面渲染、表單處理提交、幫我們管理DOM(虛擬DOM)節點
• 元件化開發：增強程式碼的複用能力，複雜系統程式碼維護更簡單

• 前端路由：更流暢的的使用者體驗、靈活的在頁面切換已渲染元件的顯示，不需與後端做多餘的互動
• 狀態集中管理：MVVM響應式模型基礎上實現多元件之間的狀態資料同步與管理
• 前端工程化：結合webpack等前端打包工具，管理多種靜態資源，程式碼，測試，釋出等，整合前端大型專案。
  

三、漸進式框架

筆者理解的“漸進式框架”也非常簡單，就是用你想用或者能用的功能特性，你不想用的部分功能可以先不用。VUE不強求你一次性接受並使用它的全部功能特性。

• 場景一：公司剛開始一個專案，技術人員對Vue的掌握也不足夠。那麼我們就不能使用VUE了麼？當然不是，如果你只是使用VUE做些基礎操作，如：頁面渲染、表單處理提交功能，那還是非常簡單的，成熟技術人員上手也就一兩天。完全可以用它去代替jquery。並不需要你去引入其他複雜特性功能。
• 場景二：我們專案用了VUE，使用的效果也挺好。那麼我們想逐漸實現程式碼元件化，實現程式碼的複用，或者是基於元件原型的跨專案的程式碼複用。那麼我們就可以引入VUE的components元件特性了。
• 場景三：我們的專案規模逐漸的變大了，我們可能會逐漸用到前端路由、狀態集中管理、並最終實現一個高度工程化的前端專案。這些功能特性我們可以逐步引入，當然不用也可以。
  

所以VUE的適用面很廣，你可以用它代替老專案中的JQuery。也可以在新專案啟動初期，有限的使用VUE的功能特性，從而降低上手的成本。

以上就是簡單瞭解前端漸進式框架VUE的詳細內容，更多關於前端漸進式框架VUE的資料請關注我們其它相關文章！