vue和jquery的區(qū)別

1、工作原理不同

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

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

2、側(cè)重點(diǎn)不同

vue：vue側(cè)重?cái)?shù)據(jù)綁定，可以應(yīng)用于復(fù)雜數(shù)據(jù)操作的后臺頁面。如：表單填寫頁面

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

3、DOM操作不同

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

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

4、未來發(fā)展不同

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

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

5、操作思想不同

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

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