Vue框架誕生於2014年，其作者為中國人——尤雨溪！Vue是開源世界華人的驕傲！！

很多使用過vue的程序員這樣評價它，“vue.js兼具angular.js和react.js的優點，並剔除了它們的缺點”。Vue是新人最容易入手的框架之一，不同於React和Angular,其中文檔也便於大家閱讀和學習。Vue用於構建交互式的Web界面的庫，是一個構建數據驅動的Web界面漸進式框架，該框架遵循CMD規範，並且提供的設計模式為Model->View->View-Model和一個可組合的組合型組件系統，具有簡單的、靈活的API。該框架繼承了React的虛擬DOM技術和Angular的雙向數據綁定技術，是一款較新的功能性框架。

Vue的特性

1. 輕量級的框架

2. 雙向數據綁定

3. 指令

4. 插件化

Vue的優點

• 簡單：官方文檔很清晰，比 Angular 簡單易學。

• 快速：異步批處理方式更新 DOM。

• 組合：用解耦的、可複用的組件組合你的應用程序。

• 緊湊：~18kb min+gzip，且無依賴。

• 強大：表達式 & 無需聲明依賴的可推導屬性 (computed properties)。

• 對模塊友好：可以通過 NPM、Bower 或 Duo 安裝，不強迫你所有的代碼都遵循 Angular 的各種規定，使用場景更加靈活。

Vue的應用

1）Vue.js 的核心是一個允許採用簡潔的模板語法來聲明式地將數據渲染進 DOM 的系統。

Vue的使用非常的簡單，創建一個本地的 .html 文件，然後引入Vue，這樣， 我們就已經成功創建了第一個 Vue 應用！

2）現在有很多大公司都在使用Vue

有越來越多的項目在使用 vue。這些項目裡面，有桌面端也有移動端，有面向用戶的，也有後臺系統；比如餓了麼，蘇寧易購，觸屏版的購物車結算頁面已經用 Vue 重構，在眾多框架中還是選擇了 Vue，主要還是因為 API 比較友好，體驗上也流暢了。

據不完全統計，包括美團、天貓、Laravel、htmlBurger等國內外知名大公司都在使用vue進行新項目的開發和舊項目的前端重構工作。

Vue實例的創建

實際上，Vue框架的入口就是Vue實例，其實就是框架中的View Model，它包含頁面中的業務處理邏輯、數據模型等，它的生命週期中有多個事件鉤子，讓我們在控制整個Vue實例的過程時更容易形成好的邏輯。

創建Vue實例，大致會經過四個過程：

• new Vue()

首先通過關鍵語句new Vue()創建一個Vue實例app

這個時候就傳了一個空對象。在控制檯上打印app，你可以看到這個Vue實例對應的參數。

• 掛載元素

就是把新創建的Vue實例app掛載到一個DOM元素上

• 設置數據

接下來再給Vue實例中設置數據data

此時，Vue實例已經掛載到#app的DOM元素上，數據data也有了。最後只需要將Vue實例中的數據綁定到指定的視圖上就可以。

• 模板渲染

使用文本插值方式，將數據中的name插入到對應的模板中。

在Vue的實例中，除了插入掛載元素、數據選項之外，還可以插入模板、方法和生命週期鉤子等選項；這些選項，當然你可以通過擴展Vue構造器來創建預定義選項的組件構造器。

最後

小編說了這麼多，那麼，前端三大巨首，你更鐘意哪一款呢？