vue和jquery的區(qū)別

1、工作原理不同

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

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

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

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

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

3、DOM操作不同

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

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

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

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

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

5、操作思想不同

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

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