這篇文章主要介紹了jquery和vue對比有什么不同，具有一定借鑒價值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

創(chuàng)新互聯(lián)專注為客戶提供全方位的互聯(lián)網(wǎng)綜合服務(wù)，包含不限于成都網(wǎng)站建設(shè)、網(wǎng)站設(shè)計(jì)、鄢陵網(wǎng)絡(luò)推廣、微信小程序定制開發(fā)、鄢陵網(wǎng)絡(luò)營銷、鄢陵企業(yè)策劃、鄢陵品牌公關(guān)、搜索引擎seo、人物專訪、企業(yè)宣傳片、企業(yè)代運(yùn)營等，從售前售中售后，我們都將竭誠為您服務(wù)，您的肯定，是我們最大的嘉獎；創(chuàng)新互聯(lián)為所有大學(xué)生創(chuàng)業(yè)者提供鄢陵建站搭建服務(wù)，24小時服務(wù)熱線：18982081108，官方網(wǎng)址：www.cdcxhl.com

前言：很多人說jquey和vue沒有什么可比的，應(yīng)該和Angular，React來比吧，我到覺得他們倒沒有多大的可比性，都是基于mvvm思想設(shè)計(jì)的框架，無非就是實(shí)現(xiàn)的方式不一樣，在不同場景下性能上會有一些差異。然而從jquery到vue或者說是到mvvm的轉(zhuǎn)變則是一個思想想的轉(zhuǎn)變，是將原有的直接操作dom的思想轉(zhuǎn)變到操作數(shù)據(jù)上去，難道不是一個根本性的改變嗎？

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

2.vue介紹：vue是一個興起的前端js庫，是一個精簡的MVVM。從技術(shù)角度講，Vue.js 專注于 MVVM 模型的 ViewModel 層。它通過雙向數(shù)據(jù)綁定把 View 層和 Model 層連接了起來，通過對數(shù)據(jù)的操作就可以完成對頁面視圖的渲染。當(dāng)然還有很多其他的mvmm框架如Angular，React都是大同小異，本質(zhì)上都是基于MVVM的理念。 然而vue以他獨(dú)特的優(yōu)勢簡單，快速，組合，緊湊，強(qiáng)大而迅速崛起

3.vue和jquey對比

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

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

4.舉例說明

場景一：列表添加一個元素,下圖為vue和jquery兩種操作的代碼，我們從中可以看出vue只需要向數(shù)據(jù)message里面push一條數(shù)據(jù)即可完成添加一個li標(biāo)簽的操作，而jquery則需要獲取dom元素節(jié)點(diǎn)，并對dom進(jìn)行添加一個標(biāo)簽的操作，如果dom結(jié)構(gòu)特別復(fù)雜，或者添加的元素非常復(fù)雜，則代碼會變得非常復(fù)雜且閱讀性低

vue:

  



  
    

      
      {{item}}
    
    添加數(shù)據(jù)