前言:很多人說jquey和vue沒有什么可比的,應(yīng)該和Angular,React來比吧,我到覺得他們倒沒有多大的可比性,都是基于mvvm思想設(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在瀏覽器端的實現(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以他獨特的優(yōu)勢簡單,快速,組合,緊湊,強大而迅速崛起
3.vue和jquey對比
jQuery是使用選擇器($)選取DOM對象,對其進(jìn)行賦值、取值、事件綁定等操作,其實和原生的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實現(xiàn)相互的綁定。這就是傳說中的MVVM。