為什么不將 jQuery 與 Vue.js 一起用於 AJAX？

Question

我正在嘗試優化使用 Vue.js 的綠地項目的引用。 它還使用 Bootstrap，需要 jQuery 來實現它的一些魔法，所以 jQuery 已經在混合中了。 雖然我無意使用它的 DOM 操作工具，但 jQuery 已經存在了，所以有充分的理由不只是將它用於我的 Vue 組件中的 AJAX 調用嗎？ jQuery 和 axios 之間的語法非常相似，所以如果我可以避免添加另一個庫，那就太好了。

Answer 1

“不要在 Vue 中為 AJAX 使用 jQuery”這一口號背后的原因是：

• 如果$在組件中已經可用，則更傾向於查詢或操作 DOM 而不是使用v-model 、 v-if 、 :class等。
• Axios 是一個優秀的 AJAX 庫，使用的數據比 jQuery 少。
• 使用 jQuery 可能會導致難以維護 jQuery 插件和 Vue 組件之間的混合。

我的建議是使用以下方法編寫一個簡單的api.js幫助文件：

api.get(url) 
api.post(url, data)
...etc.

這些方法可能在內部使用$.ajax ，但是當您升級到 Bootstrap 5（不需要 jQuery ）時，您可以將實現更改為其他內容。