jQuery和Vue的區別

1.jQuery首先要獲取到dom對象,然後對dom對象進行進行值的修改等操作
2.Vue是首先把值和js對象進行綁定,然後修改js對象的值,Vue框架就會自動把dom的值就行更新。
3.可以簡單的理解爲Vue幫我們做了dom操作,我們以後用Vue就需要修改對象的值和做好元素和對
象的綁定,Vue這個框架就會自動幫我們做好dom的相關操作
4.這種dom元素跟隨JS對象值的變化而變化叫做單向數據綁定,如果JS對象的值也跟隨着dom元素的
值的變化而變化就叫做雙向數據綁定
--------------------- 

A、兩者的未來發展的區別

● jquery介紹:jquery是一個類庫,提供了很多方法,不能算框架。在過去和現在Jquery是最流行的web前端js庫,可是現在無論國內還是國外,他的使用率正在漸漸被其他的js庫所替代。隨着瀏覽器廠商對H5規範統一遵循以及ECMA6在瀏覽器端的實現,jquery的使用率會越來越低。

● vue的介紹:vue是一個剛興起不久的前端框架,有一套完整的體系,是一個精簡的MVVM。從技術角度講,vue.js專注於MVVM模型的ViewModel層,通過雙向數據綁定把view層和Model層連接起來,通過對數據的操作就可以完成對頁面視圖的渲染。vue以它獨特的優勢簡單、快速、組合、緊湊、強大而迅速崛起。

 爲什麼說“通過對數據的操作就可以完成對頁面視圖的渲染”?

vue.js是一種基於MVVM方式的框架,專注於MVVM模型的ViewModel層,通過雙向數據綁定的方式將Model層和View層連接起來。而在vue中實現雙向數據綁定的原理是:採用數據劫持結合發佈者-訂閱者的方式,通過Object.defineProperty()來劫持各個屬性的setter,getter,在數據變動時,發佈消息給訂閱者,觸發相應的監聽回調。通俗的講,就是利用observe監聽Model層的數據變化;利用Compile來編譯解析模板指令,最終利用Watcher搭起Observer和Compile之間的通信橋樑,達到數據變化 (model)-》視圖更新(view);視圖變化(view)-》數據(model)變更的雙向綁定效果

B、在操作思想上有本質的區別:

● jquery是直接操作DOM;使用選擇器($)選取DOM對象,對其進行賦值、取值、事件綁定等操作;和原生的js區別只在於可以更方便的選取和操作DOM對象;數據和界面是在一起,比如獲取input標籤的內容:

$('input').val();


還是依賴DOM元素的值。
● vue基於一種MVVM模式,使用數據驅動的方式,通過Vue對象將數據和View完全分離開來。對數據進行操作,不在需要引用相應的DOM對象,通過vue對象,將數據和相應的DOM對象相互綁定起來。

C、應用場景的區別

● Jquery適用的場景:jquery側重樣式操作,比如一些H5的動畫頁面;需要js來操作頁面樣式的頁面。

● Vue適用的場景:vue側重數據綁定,比如複雜數據操作的後臺頁面;表單填寫頁面。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章