vue思路：vue和jquery哪個好？

jquery作為風靡一時的js庫，其優(yōu)雅的鏈式寫法和簡單粗暴的操作方式——可以說在react和vue出來之前獨霸天下。那么vue相比jquery的優(yōu)勢又在哪呢？

創(chuàng)新互聯(lián)公司云計算的互聯(lián)網(wǎng)服務提供商,擁有超過13年的服務器租用、達州托管服務器、云服務器、雅安服務器托管、網(wǎng)站系統(tǒng)開發(fā)經(jīng)驗，已先后獲得國家工業(yè)和信息化部頒發(fā)的互聯(lián)網(wǎng)數(shù)據(jù)中心業(yè)務許可證。專業(yè)提供云主機、雅安服務器托管、域名注冊、VPS主機、云服務器、香港云服務器、免備案服務器等。

根據(jù)龍哥這么多年的使用經(jīng)驗：我得出得結論是各有千秋，比如jquery做效果很棒，vue解析數(shù)據(jù)渲染頁面速度快，如果你做的是分離式開發(fā)，無疑你需要選擇數(shù)據(jù)解析更強的vue，但是如果你做的是傳統(tǒng)的mvc不分離開發(fā)，那么建議你選擇jquery。這兩者在思路上還是有所區(qū)別的，比如我們并不能用jquery操作dom的思維去寫vue...

不要用jquery那種dom的思路放到vue中去操作。

vue本身是操作數(shù)據(jù)的，

例如說，做一個tab選項卡，如果是jquery，我們第一步會想，當前點的那個，從dom中jquery（“#name”）給他找出來，再運行function。

等于是你遍歷了兩遍dom。效率是非常低的。其實你應該想想，如果你這個操作，只是去比較一下兩個數(shù)組，是不是效率最起碼提高10倍？？

可是這樣再vue中是行不同的

你要想想，tab其實是一個數(shù)組，按照1，0，0，0去排列

1就是展開的那個，

你只要知道當前的active是哪一個就行了，然后判斷tab按鈕上的1和下面展示內(nèi)容的1的位置是不是相等，就可以了。

在這個世界中，0和1，就可以創(chuàng)造萬物，是最簡單的東西創(chuàng)造萬物，而不是每個萬物都獨立，所有一切的東西都有一個最簡單的起源。這就是計算機。

vue.js和jquery的區(qū)別

一、主體不同

1、vue.js：是一套用于構建用戶界面的漸進式JavaScript框架。

2、jquery：是一個快速、簡潔的JavaScript框架，是繼Prototype之后又一個優(yōu)秀的JavaScript代碼庫。

二、特點不同

1、vue.js：Vue 被設計為可以自底向上逐層應用。Vue 的核心庫只關注視圖層，方便與第三方庫或既有項目整合。

2、jquery：具有獨特的鏈式語法和短小清晰的多功能接口；具有高效靈活的css選擇器，并且可對CSS選擇器進行擴展；擁有便捷的插件擴展機制和豐富的插件。

三、優(yōu)勢不同

1、vue.js：目標是通過盡可能簡單的 API 實現(xiàn)響應的數(shù)據(jù)綁定和組合的視圖組件。

2、jquery：提供了對基本JavaScript結構的增強，比如元素迭代和數(shù)組處理等操作。

參考資料來源：百度百科-jQuery

參考資料來源：百度百科-Vue.js

jquery和vue效率對比

vue所提倡的數(shù)據(jù)驅(qū)動視圖和jQuery的直接操作DOM在編寫頁面時的思路是完全不同的。雖然兩種思路是完全不同的，但也不能說是不能一起用的，在某些沒有辦法的情況下(例如需要操作dom的情況下)，把jQuery和vue用在一塊是完全沒問題的，當然把這兩種技術用在一起是肯定不會出現(xiàn)在最佳實踐里的，因為確實沒有特殊情況的話，這樣用就是有點自找麻煩了。

以下是對傳統(tǒng)jq與目前最熱的vue進行的技術特性對比：

1、精力集中。

Jq偏重于對dom的操作，由它的函數(shù)就很容易看出來，$()、parent()、find()。我們用jq的時候經(jīng)常要去考慮怎么去渲染數(shù)據(jù)，怎么從視圖中取到數(shù)據(jù)，操作數(shù)據(jù)前必須對dom節(jié)點進行選取修改賦值等操作，這其實分散了我們的本該放在業(yè)務邏輯上的精力。而Vue則是基于MVVM思想，數(shù)據(jù)驅(qū)動，雙向綁定，只需要定義好渲染規(guī)則，如果數(shù)據(jù)發(fā)生改變，vue會幫我們重新渲染整個頁面，所以我們只需將注意力放在數(shù)據(jù)操作上就可以了。

2、代碼結構。

如果你用jq沒有好的代碼架構，很容易就回出現(xiàn)一種情況就是：js里寫著html元素代碼，而且可能會遍布很多地方。因為增刪改查你都需要對dom進行操作，這里甚至可能會寫多了些冗余代碼。代碼架構好一點的，可能會寫成一種簡版框架（即有專門的渲染函數(shù)，增刪改查都會調(diào)用這個函數(shù)），依然是全域的，需要閉包。而vue就沒有這個問題方法全部寫在methods中，提供多種鉤子函數(shù)對頁面渲染過成進行精準操作。

3、操作性。

用jq去操作dom實際上是蠻麻煩的。比如說又個對象數(shù)組已經(jīng)渲染成表格了，這時你需要修改某一個id的那個對象的數(shù)據(jù)行，jq的話最麻煩的做法就是在遍歷里面先拿到id，檢查相等，相等的話，用index去拿到要改的那個dom，再重新渲染。而用vue的話，可以直接修改數(shù)據(jù)就可以了，而且你甚至可以用Array.map Array.filter ，方便快捷，提升開發(fā)效率

4、模塊化。

目前無論前端還是后端開發(fā)，越來越傾向于模塊化組件化，以求降低不同模塊，不同功能區(qū)塊之間的耦合度，便于后期業(yè)務的修改與拓展，vue完全cover上述特性，而使用jq的時候，如果你的js牛逼轟轟的寫得已經(jīng)超長了，然后你又覺得需要分下模塊了，這時你有兩選擇，

1是用seajs,requirejs等，

2是用原生的import去管理你的代碼。說實話，我沒怎么用過requirejs去分模塊，可能是我壓根就想沒到這些js要怎么分。

5、單頁面實現(xiàn)。

單頁面的實現(xiàn)原理估計大家都很熟了，一般是幾個div在來回切換。如果一開始已經(jīng)寫好html，再來回切的話，html是太長了。如果用js去寫又拼的很麻煩。如果你想用jq、原生實現(xiàn)頁面切換，我能想到比較好的方式是用模版引擎...嗎？但其實單頁面的實現(xiàn)我感覺沒那么簡單，你不單單要考慮html能否單獨寫出來，還要考慮js需不需要按需加載，路由需不需要等等。。。用vue就不需要煩這些東西，vue自動構建單頁應用，使用router模擬跳轉(zhuǎn)。

6、組件的復用。

用vue最爽的莫過于使用別人寫好的組件。目前vue的生態(tài)已經(jīng)非常龐大，主流的組件庫有element-ui，iview，使用主流的組件庫不僅避免了我們重復造輪子，而且方便新員工快速接手項目，某個大神的組件總結：;app=news_articlegroup_id=6718405521088446988req_id=20190730093011010018026159736CF92，其實如果項目大的時候，有些組件（一些功能和視圖的集合）可能會復用。這些相對于jq就是插件了，個人不喜歡script引入插件（任性）

7、性能。

vue使用了虛擬dom技術，能夠減少 dom的操作，能提高一定的效率。

本文標題：vue與jquery,vue與jquery的區(qū)別
文章分享：http://chinadenli.net/article18/dsgoidp.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供品牌網(wǎng)站制作、企業(yè)建站、響應式網(wǎng)站、電子商務、關鍵詞優(yōu)化、ChatGPT

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)