jQuery與Vue的對比

2022-06-10 13:51:07 字數 631 閱讀 2834

jquery是很早就出現的乙個封裝原生js的庫,而vue則是最近幾年流行的mvvm框架。那麼,vue到底比jquery好在哪兒呢?

一、開發者只需運算元據

1.資料與檢視的分離(解耦)。jq的資料與檢視混在一塊,vue的資料與檢視分離。

2.資料驅動檢視。jq直接用js修改檢視,vue以資料驅動檢視。

這樣,開發者只需運算元據(模型層,即m),就可以直接驅動檢視(檢視層,即v)的改變。

二、提公升頁面效能

通過虛擬dom + diff演算法,使得vue在更改dom樹前先判斷dom樹的哪部分發生了變動,進而只更改變動的那部分,從而提公升頁面渲染效能。

三、模組化

使用npm,加上es6的import和export實現前端模組化開發,從而更好地復用**。

說了這麼多優點,該說缺點了。

缺點就是要學更多的東西,使前端的學習過程變得更複雜了,比如需要學習npm、es6、webpack、mvvm框架(react和vue)等。

Vue 與jQuery的對比

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

Vue對比jQuery的優勢

jquery到vue的轉變是乙個思想的轉變,將原有的直接操作dom的思想轉變到運算元據上 jquery是使用選擇器 選取dom物件,對其進行賦值,取值,事件繫結等,而vue則是通過vue物件viewmodel將資料和view完全分離開了。對資料操作不再需要引用相應的dom物件,即資料和view是分離...

js與Jquery的對比

3 jquery實現顯示隱藏 id css display none id css display block 或 id 0 style.display none id 返回的是jquery 它是個集合肯定有display屬性 id show 表示display block,id hide 表示di...