jquery:使用選擇器($)選取DOM對(duì)象矾克,對(duì)其進(jìn)行賦值、取值捏鱼、事件綁定等操作执庐,其實(shí)和原生的HTML的區(qū)別只在于可以更方便的選取和操作DOM對(duì)象,而數(shù)據(jù)和界面是在一起的穷躁。
vue:通過(guò)Vue對(duì)象將數(shù)據(jù)和View完全分離開(kāi)來(lái)了耕肩。對(duì)數(shù)據(jù)進(jìn)行操作不再需要引用相應(yīng)的DOM對(duì)象,可以說(shuō)數(shù)據(jù)和View是分離的问潭,他們通過(guò)Vue對(duì)象這個(gè)vm實(shí)現(xiàn)相互的綁定猿诸。這就是傳說(shuō)中的MVVM。
jquery:隨著瀏覽器廠(chǎng)商對(duì)HTML5規(guī)范統(tǒng)一遵循以及ECMA6在瀏覽器端的實(shí)現(xiàn)狡忙,jquery的使用率將會(huì)越來(lái)越低梳虽。
vue:是一個(gè)精簡(jiǎn)的MVVM。從技術(shù)角度講灾茁,Vue.js專(zhuān)注于MVVM模型的ViewModel層窜觉。它通過(guò)雙向數(shù)據(jù)綁定把View層和Model層連接了起來(lái),通過(guò)對(duì)數(shù)據(jù)的操作就可以完成對(duì)頁(yè)面視圖的渲染北专,使用應(yīng)該會(huì)越來(lái)越普遍禀挫。
jquery操作的是直接dom元素。
vue操作的是dom元素對(duì)象拓颓。
vue適用的場(chǎng)景:復(fù)雜數(shù)據(jù)操作的后臺(tái)頁(yè)面语婴,表單填寫(xiě)頁(yè)面,側(cè)重?cái)?shù)據(jù)綁定驶睦。
jquery適用的場(chǎng)景:比如說(shuō)一些html5的動(dòng)畫(huà)頁(yè)面砰左,一些需要js來(lái)操作頁(yè)面樣式的頁(yè)面,側(cè)重樣式操作场航,動(dòng)畫(huà)效果等缠导。
vue使用者的思路轉(zhuǎn)變:界面不是被你的事件改變的,事件只需要改變數(shù)據(jù)溉痢,界面是數(shù)據(jù)的實(shí)時(shí)反饋僻造。
最明顯的就是思維方式不同憋他,jquery 是以操作dom為主,做了數(shù)據(jù)處理之后還需要對(duì)dom進(jìn)行操作嫡意。vue.js是以操作數(shù)據(jù)為主举瑰,不操作dom,也就是傳說(shuō)中的雙向數(shù)據(jù)綁定蔬螟,你只需要操作數(shù)據(jù)就好此迅,dom自動(dòng)更新。這只是對(duì)初學(xué)者來(lái)說(shuō)最大的不同旧巾。jquery只是一個(gè)類(lèi)庫(kù)耸序,只是提供了很多的方法,不能算框架鲁猩,而vue.js是一個(gè)框架坎怪,有一套完整的體系。所以jquery自然不能和vue比廓握。