區(qū)別:1、jquery是一個(gè)類庫(kù),不能算框架;而vue.js是一個(gè)框架,有一套完整的體系。2、jquery側(cè)重樣式操作,以操作dom為主,做了數(shù)據(jù)處理之后還需要對(duì)dom進(jìn)行操作;vue側(cè)重?cái)?shù)據(jù)綁定,以操作數(shù)據(jù)為主,不操作dom。
本教程操作環(huán)境:windows7系統(tǒng)、vue2.9.6&&jquery1.10.0版,DELL G3電腦。
jquery和vue.js的區(qū)別
-
jQuery首先要獲取到dom對(duì)象,然后對(duì)dom對(duì)象進(jìn)行進(jìn)行值的修改等操作
-
Vue是首先把值和js對(duì)象進(jìn)行綁定,然后修改js對(duì)象的值,Vue框架就會(huì)自動(dòng)把dom的值就行更新。
-
可以簡(jiǎn)單的理解為Vue幫我們做了dom操作,我們以后用Vue就需要修改對(duì)象的值和做好元素和對(duì)象的綁定,Vue這個(gè)框架就會(huì)自動(dòng)幫我們做好dom的相關(guān)操作。
-
這種dom元素跟隨JS對(duì)象值的變化而變化叫做單向數(shù)據(jù)綁定,如果JS對(duì)象的值也跟隨著dom元素的值的變化而變化就叫做雙向數(shù)據(jù)綁定。
簡(jiǎn)單來說,最明顯的就是思維方式不同:
jquery 側(cè)重樣式操作,是以操作dom為主,做了數(shù)據(jù)處理之后還需要對(duì)dom進(jìn)行操作。
vue.js側(cè)重?cái)?shù)據(jù)綁定,是以操作數(shù)據(jù)為主,不操作dom,也就是傳說中的雙向數(shù)據(jù)綁定,你只需要操作數(shù)據(jù)就好,dom自動(dòng)更新。
這只是對(duì)初學(xué)者來說最大的不同。
jquery只是一個(gè)類庫(kù),只是提供了很多的方法,不能算框架,而vue.js是一個(gè)框架,有一套完整的體系。所以jquery自然不能和vue比。