1 回答

TA貢獻(xiàn)1866條經(jīng)驗(yàn) 獲得超5個(gè)贊
Vue 的官方是不建議直接操作 DOM 的,Vue 的用途在于視圖和數(shù)據(jù)的綁定。如果通過(guò)JQuery 直接操作 DOM 的話,勢(shì)必會(huì)造成視圖數(shù)據(jù)和模型數(shù)據(jù)的不匹配,這樣 Vue 就失去它存在的意義了。
JQuery 和 VueJS 合理使用并不會(huì)造成沖突,因?yàn)樗麄兊膫?cè)重點(diǎn)不同,VueJS 側(cè)重?cái)?shù)據(jù)綁定和視圖組件,JQuery 側(cè)重異步請(qǐng)求和動(dòng)畫(huà)效果。如果使用JQuery + VueJS 開(kāi)發(fā),一定要在 Vue 渲染完所有的 HTML組件之后再通過(guò) JQuery 處理,而使用 JQuery 時(shí)應(yīng)避免直接操作 DOM ,但是應(yīng)用動(dòng)畫(huà)是允許的。
JQuery 與 VueJS 相互配合可以非常高效的完成異步任務(wù),首先通過(guò) JQuery 發(fā)出 Ajax 請(qǐng)求,接受到服務(wù)端傳遞的 JSON 數(shù)據(jù)后,再通過(guò) Vue 將數(shù)據(jù)綁定到組件上,最后由 JQuery 進(jìn)行動(dòng)畫(huà)處理,整個(gè)過(guò)程就如行云流水般自然。
說(shuō)句題外話,Vue 的目的不是取代 JQuery,它是為了解決前后端分離而出現(xiàn)的。如果沒(méi)有數(shù)據(jù)變化,只是單純的樣式變化,則沒(méi)有必要去大費(fèi)周章進(jìn)行視圖模型的綁定,并且還不利于 SEO 優(yōu)化。
添加回答
舉報(bào)