为什么不将 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 ）时，您可以将实现更改为其他内容。