jquery和vue的區別

2021-08-22 00:02:22 字數 1510 閱讀 5864

前言:很多人說jquey和vue沒有什麼可比的,應該和angular,react來比吧,我到覺得他們倒沒有多大的可比性,都是基於mvvm思想設計的框架,無非就是實現的方式不一樣,在不同場景下效能上會有一些差異。然而從jquery到vue或者說是到mvvm的轉變則是乙個思想想的轉變,是將原有的直接操作dom的思想轉變到運算元據上去,難道不是乙個根本性的改變嗎?

1.jquery介紹:想必大家都用過jquery吧,這個曾經也是現在依然最流行的web前端js庫,可是現在無論是國內還是國外他的使用率正在漸漸被其他的js庫所代替,隨著瀏覽器廠商對html5規範統一遵循以及ecma6在瀏覽器端的實現,jquery的使用率將會越來越低

2.vue介紹:vue是乙個興起的前端js庫,是乙個精簡的mvvm。從技術角度講,vue.js 專注於 mvvm 模型的 viewmodel 層。它通過雙向資料繫結把 view 層和 model 層連線了起來,通過對資料的操作就可以完成對頁面檢視的渲染。當然還有很多其他的mvmm框架如angular,react都是大同小異,本質上都是基於mvvm的理念。 然而vue以他獨特的優勢簡單,快速,組合,緊湊,強大而迅速崛起

3.vue和jquey對比

jquery是使用選擇器()選

取dom

物件,對

其進行賦

值、取值

、事件綁

定等操作

,其實和

原生的h

tml的

區別只在

於可以更

方便的選

取和操作

dom對

象,而數

據和介面

是在一起

的。比如

需要獲取

labe

l標籤的

內容: )選取

dom對

象,對其

進行賦值

、取值、

事件繫結

等操作,

其實和原

生的ht

ml的區

別只在於

可以更方

便的選取

和操作d

om物件

,而資料

和介面是

在一起的

。比如需

要獲取l

abel

標籤的內

容:

(「lable」).val();,它還是依賴dom元素的值。

vue則是通過vue物件將資料和view完全分離開來了。對資料進行操作不再需要引用相應的dom物件,可以說資料和view是分離的,他們通過vue物件這個vm實現相互的繫結。這就是傳說中的mvvm。

4.總結:內容講的比較淺,主要就是分析一下vue和jquey對比的區別,上面兩個例子只是做了乙個簡單的說明,然而vue能解決的問題遠比這些要多的多,複雜的多。

vue適用的場景:複雜資料操作的後台頁面,表單填寫頁面

jquery適用的場景:比如說一些html5的動畫頁面,一些需要js來操作頁面樣式的頁面

然而二者也是可以結合起來一起使用的,vue側重資料繫結,jquery側重樣式操作,動畫效果等,則會更加高效率的完成業務需求

jquery和vue的區別

前言 很多人說jquey和vue沒有什麼可比的,應該和angular,react來比吧,我到覺得他們倒沒有多大的可比性,都是基於mvvm思想設計的框架,無非就是實現的方式不一樣,在不同場景下效能上會有一些差異。然而從jquery到vue或者說是到mvvm的轉變則是乙個思想想的轉變,是將原有的直接操作...

vue和jQuery的區別

jquery是使用選擇器選取dom物件,對其進行賦值 取值 事件繫結等操作,其實和原生的html的區別只在於可以更方便的選取和操作dom物件,而資料和介面是在一起的。比如需要獲取label標籤的內容 lable val 它還是依賴dom元素的值。vue則是通過vue物件將資料和view完全分離開來了...

vue和jquery的區別?

一 操作 效能 1 jquery是使用選擇器 選取dom物件,對其進行賦值 取值 事件繫結等操作,其實和原生的html的區別只在於可以更方便的選取和操作dom物件,而資料和介面是在一起的。比如需要獲取label標籤的內容 lable val 它還是依賴dom元素的值。2 vue則是通過vue物件將資...