這一段時間在學vue，也被稱為前端框架的三馬車之一，是一套用於構建用戶界面的漸進式框架，也是入門難度最低的一種框架。今天將vue和之前學的jquery來對比一下。
- Jquery介紹：jquery是一個快速的，簡潔的JavaScript框架，於2006年由John Resig發布，倡導的是寫更少的代碼，去做更多的事。它封裝JavaScript常用的功能代碼，提供一種簡便的JavaScript設計模式，優化HTML文檔操作、事件處理、動畫設計和Ajax交互。簡而言之，jquery就是一個JavaScript數據庫，它里面封裝了很多我們常用的dom操作，我們在使用jquery的時候只要引入jquery的cdn或類庫就可以使用。像我們快速獲取文檔元素，頁面的動態效果和ajax的無刷新頁面的操作jquery都可以快速實現。
- Vue介紹：Vue是一套用於構建用戶界面的漸進式框架，是由我們中國的開發者尤玉溪一個人開發出來的，與其他大型框架不同的是Vue被設計為可以自底向上逐層應用，是一個新興的前端js庫，是一個精簡的MVVM，Vue.js專注於MVVM模型的ViewModel層，它采用了虛擬dom，運行效率高，並且采用了組件化開發 ，開發效率高 ，Vue將開發者的精力從dom操作解放出來，轉移到數據庫上，所謂虛擬dom就是內存中的一個對象，該對象有一個特點就是和dom有相同的結構，但他僅僅修改內存中的數據，所以消耗的資源遠遠小於dom操作。
對比：jQuery是使用選擇器（$）選取DOM對象，對其進行賦值、取值、事件綁定等操作，和原生的HTML的區別只是在於可以更方便的選取和操作dom對象，並且數據和界面是在一起的，舉個小例子，需要獲得input中內容：$(“input”).val(),還是要依賴DOM元素的值。
而Vue則是和通過Vue對象將數據和View完全分離開來，對數據進行操作不在需要引入響應的DOM對象，可以說數據和View是分離開來的，通過Vue對象用vm去進行雙向綁定。
舉兩個小例子：
1.jquery：
2.Vue：
我們可以很明顯的看到jquery還是需要獲取dom元素節點，並對dom元素節點進行了一個寫入的操作，如果dom結構很復雜，代碼會變得非常復雜，並且可讀性低，而vue中，只需要獲取data，並在data中寫入數據即可完成寫入操作，代碼結構一目了然。
總結：這只是兩個很簡單的例子，Vue還能解決更多更復雜的問題，我們可以根據不同的場合去選擇使用，像vue更適合去操作一些復雜數據的后台頁面，而一些需要js來操作頁面樣式的頁面，我們用jquery會更適用一些。