Vue框架誕生於2014，作者是中國人尤雨溪。它也是新人最容易入手的框架之壹。與React和Angular不同的是，它的中文文檔也方便大家閱讀和學習。Vue是壹個用於構建交互式Web界面的庫，它是壹個用於構建數據驅動的Web界面的漸進式框架。框架遵循CMD規範，提供的設計模式是MVVM模式（model-》；視圖-& gt；視圖-模型）和壹個具有簡單靈活的API的可組合組件系統。該框架繼承了React的虛擬DOM技術和Angular的雙向數據綁定技術，是壹個比較新的功能框架。
以下是什麽是虛擬DOM和雙向數據綁定:
1，虛擬DOM（Virtual DOM），顧名思義，就是壹棵虛構的DOM樹。當我們使用傳統的原生API或jQuery操作DOM時，瀏覽器將從頭到尾執行該過程。即使計算機硬件壹直在更新和叠代，運行真正的DOM仍然非常昂貴。真正的DOM節點，即使是最簡單的div，也包含很多屬性，因此頻繁操作會導致頁面被卡住，影響用戶的體驗。為了解決這壹瀏覽器性能問題，設計了虛擬DOM（Virtual DOM），其核心算法是Diff算法。它會將壹次操作中更新到真實DOM的所有diff內容保存到壹個本地js對象中，最後壹次性將這個js對象附加到DOM樹中，並通知瀏覽器執行繪制工作，從而避免了大量不必要的計算。
用js對象模擬DOM節點的好處是所有頁面更新都可以首先反映在js對象上，在內存中操作js對象的速度顯然要快得多。更新完成後，最終的js對象將被映射到壹個真實的DOM中，該DOM將由瀏覽器繪制。（性能提高，運行速度快）
2、雙向數據綁定，在講雙向數據綁定之前，我們要先講壹下單向數據綁定，單向數據綁定是將模型綁定到視圖上，而當我們用JavaScript代碼更新模型時，視圖也會自動更新（Model-& gt；視圖）。那麽雙向數據綁定意味著當用戶更新視圖時，模型的數據將自動更新（Model；視圖），當用戶操作輸入時，事件監控（v-on: input =“。。。“）將視圖上的更新發送回模型（View-》；Model）實現雙向數據綁定，在Vue中，上述操作過於繁瑣，這提供了v-model可以直接實現雙向數據綁定的效果。
在開發vue項目的過程中，我們可以通過腳本標簽引入來引入vue，也可以通過nodejs自帶的包管理工具npm來安裝Vue。並通過new Vue（）創建Vue的壹個新實例對象，它有很多屬性，包括el、data、methods、computed、watch等。el是指向頁面的節點元素，數據存儲數據，數據類型包括簡單數據類型和復雜數據類型。由插值表達式{{}}顯示，當顯示插值時，不需要寫入數據，方法存儲在方法中。方法以fn（）的形式調用，存儲的方法也是方法，但它是計算的數據，復雜的邏輯應該存儲在computed中，計算的屬性基於其依賴關系進行緩存。由於computed有壹層緩存，因此，只有當它的相關依賴關系發生變化時，它才會重新運行，而方法只被調用壹次，在computed中調用方法時無需添加（）。watch還可以監視用於監視、監視和監視數據中屬性值的對象，並且有兩個參數（currentValue和prevValue之前的值）。