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