首先我們來(lái)了解一下jquery和vue是什么？

.jquery是什么

想必大家都用過(guò)jquery吧，這個(gè)曾經(jīng)也是現(xiàn)在依然最流行的web前端js庫(kù)，可是現(xiàn)在無(wú)論是國(guó)內(nèi)還是國(guó)外他的使用率正在漸漸被其他的js庫(kù)所代替，隨著瀏覽器廠商對(duì)HTML5規(guī)范統(tǒng)一遵循以及ECMA6在瀏覽器端的實(shí)現(xiàn)，jquery的使用率將會(huì)越來(lái)越低

Vue.js是什么？

Vue.js是一個(gè)前端JavaScript框架，用于構(gòu)建用戶界面。它是開源的。當(dāng)使用其他JavaScript庫(kù)時(shí)，它還可以用作集成工具。它本質(zhì)上是增量自適應(yīng)的。Vue還用作Web應(yīng)用程序框架，可以為單頁(yè)面應(yīng)用程序提供支持。它創(chuàng)建于2014年，是跨平臺(tái)的。

下面我們來(lái)盤點(diǎn)一下它們之間的區(qū)別

1、工作原理

Vue做到了數(shù)據(jù)和視圖完全分離開，它首先把值和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是使用選擇器（$）選取DOM對(duì)象，對(duì)其進(jìn)行賦值、取值、事件綁定等操作，其實(shí)和原生的HTML的區(qū)別只在于可以更方便的選取和操作DOM對(duì)象，而數(shù)據(jù)和界面是在一起的。比如需要獲取label標(biāo)簽的內(nèi)容：$（“l(fā)able”）.val（）;，它還是依賴DOM元素的值。

Vue則是通過(guò)Vue對(duì)象將數(shù)據(jù)和View完全分離開來(lái)了。對(duì)數(shù)據(jù)進(jìn)行操作不再需要引用相應(yīng)的DOM對(duì)象，可以說(shuō)數(shù)據(jù)和View是分離的，他們通過(guò)Vue對(duì)象這個(gè)vm實(shí)現(xiàn)相互的綁定。這就是傳說(shuō)中的MVVM。

整合自：博客園每天進(jìn)步多一點(diǎn)、PHP中文網(wǎng)

編輯：jq