首先我們來了解一下jquery和vue是什么？

.jquery是什么

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

Vue.js是什么？

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

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

1、工作原理

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

jQuery是使用選擇器（$）選取DOM對象，對其進(jìn)行賦值、取值、事件綁定等操作，其實(shí)和原生的HTML的區(qū)別只在于可以更方便的選取和操作DOM對象，而數(shù)據(jù)和界面是在一起的。比如需要獲取label標(biāo)簽的內(nèi)容：$（“l(fā)able”）.val（）;，它還是依賴DOM元素的值。

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

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

編輯：jq