vue和jquery的區別

1、工作原理不同

vue：Vue做到了數據和視圖完全分離開，它首先把值和js對象進行綁定，然后修改js對象的值，Vue框架就會自動把dom的值就行更新。對數據進行操作不再需要引用相應的dom對象，他們通過Vue對象實現數據和視圖的相互綁定。

jquery：jQuery則是要先使用選擇器（$）來選取dom對象，然后對dom對象進行操作（如賦值、取值、事件綁定等）。

2、側重點不同

vue：vue側重數據綁定，可以應用于復雜數據操作的后臺頁面。如：表單填寫頁面

jquery：jquery側重樣式操作，動畫效果等；可以應用于一些html5的動畫頁面，一些需要js來操作頁面樣式的頁面中。

3、DOM操作不同

vue：  Vue框架會自動把DOM元素進行更新。簡單來說就是Vue幫我們做了DOM操作，節省了很多代碼，它只需要做好對數據的單向綁定，就是我們常說的DOM對象綁定，如果當js對象的值也會跟著dom元素的值改變而改變，叫做雙向數據綁定。

jquery：jQuery首先要獲取到DOM對象,然后對DOM對象進行值的修改等操作，而Vue不直接對DOM元素進行渲染，它更多的是把值和對象（js）進行綁定，然后再修改js對象的值。

4、未來發展不同

vue：vue是一個剛興起不久的前端框架，有一套完整的體系，是一個精簡的MVVM。從技術角度講，vue.js專注于MVVM模型的ViewModel層，通過雙向數據綁定把view層和Model層連接起來，通過對數據的操作就可以完成對頁面視圖的渲染。vue以它獨特的優勢簡單、快速、組合、緊湊、強大而迅速崛起。

jquery：jquery是一個類庫，提供了很多方法，不能算框架。在過去和現在Jquery是最流行的web前端js庫，可是現在無論國內還是國外，他的使用率正在漸漸被其他的js庫所替代。隨著瀏覽器廠商對H5規范統一遵循以及ECMA6在瀏覽器端的實現，jquery的使用率會越來越低。

5、操作思想不同

vue：vue是通過vue對象將數據和view完全分離開的，對數據操作不在引用相應的DOM對象；主要是操作數據。vue基于一種MVVM模式，使用數據驅動的方式，通過Vue對象將數據和View完全分離開來。對數據進行操作，不在需要引用相應的DOM對象，通過vue對象，將數據和相應的DOM對象相互綁定起來。

jquery：jQuery是使用選擇器（$）選取DOM對象，并對其進行賦值、取值、事件綁定等操作；jquery是直接操作DOM；使用選擇器（$）選取DOM對象，對其進行賦值、取值、事件綁定等操作；和原生的js區別只在于可以更方便的選取和操作DOM對象，數據和界面是在一起的。