## 一、前端響應式框架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不強求你一次性接受并使用它的全部功能特性**。 1. 場景一：公司剛開始一個項目，技術人員對Vue的掌握也不足夠。那么我們就不能使用VUE了么？當然不是，如果你只是使用VUE做些**基礎操作**，如：頁面渲染、表單處理提交功能，那還是非常簡單的，成熟技術人員上手也就一兩天。完全可以用它去代替jquery。并不需要你去引入其他復雜特性功能。 2. 場景二：我們項目用了VUE，使用的效果也挺好。那么我們想逐漸實現代碼組件化，實現代碼的復用，或者是基于組件原型的跨項目的代碼復用。那么我們就可以引入VUE的components組件特性了。 3. 場景三：我們的項目規模逐漸的變大了，我們可能會逐漸用到前端路由、狀態集中管理、并最終實現一個高度工程化的前端項目。這些功能特性我們可以逐步引入，當然不用也可以。 所以VUE的適用面很廣，你可以用它代替老項目中的JQuery。也可以在新項目啟動初期，有限的使用VUE的功能特性，從而降低上手的成本。