張張知識
關(guān)注我,跟我一起漲漲知識唄!
發(fā)布時間: 2024-05-12 11:58:02
區(qū)別:
1、工作原理
vue做到了數(shù)據(jù)和視圖完全分離開,它首先把值和js對象進(jìn)行綁定,然后修改js對象的值,vue框架就會自動把dom的值就行更新。對數(shù)據(jù)進(jìn)行操作不再需要引用相應(yīng)的dom對象,他們通過vue對象實(shí)現(xiàn)數(shù)據(jù)和視圖的相互綁定。
jq則是要先使用選擇器($)來選取dom對象,然后對dom對象進(jìn)行操作(如賦值、取值、事件綁定等)。
2、側(cè)重
vue側(cè)重數(shù)據(jù)綁定,可以應(yīng)用于復(fù)雜數(shù)據(jù)操作的后臺頁面。如:表單填寫頁面。
jq側(cè)重樣式操作,動畫效果等;可以應(yīng)用于一些html5的動畫頁面,一些需要js來操作頁面樣式的頁面中。
jq優(yōu)點(diǎn): 比原生js更易書寫, 封裝了很多api, 有豐富的插件庫。
缺點(diǎn): 每次升級與之前版本不兼容, 只能手動開發(fā), 操作DOM很慢, 不方便, 變量名污染, 作用域混淆等。
vue優(yōu)缺點(diǎn): 雙向綁定, 虛擬DOM, diff算法, MVVM, 組件化, 通信方便, 路由分發(fā)等。