vue和jquery的區別?

2022-04-03 09:42:00 字數 537 閱讀 1362

一、操作、效能

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

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

具體vue是如何渲染dom的呢?

(1)vue會把template模板編譯成render函式

(2)在例項盡心掛載後不會直接操作dom而是根據render函式生成虛擬dom

(3)通過diff演算法,對比前後的虛擬dom把最終的變動的部分渲染到真實的dom

(4)當元件內部的data發生變化的時候重新呼叫render函式生成新的虛擬dom返回到上一步。(至於diff演算法我也不明白)

二、vue支援元件化、模組化。

三、vue支援雙向資料繫結

jquery和vue的區別

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

jquery和vue的區別

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

vue和jQuery的區別

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