javascript - 为什么不将 jQuery 与 Vue.js 一起用于 AJAX?

标签 javascript jquery vue.js

我正在尝试优化对使用 Vue.js 的未开发项目的引用。它还使用 Bootstrap,需要 jQuery 来实现它的某些魔力,因此 jQuery 已经在其中。虽然我无意使用它的 DOM 操作工具,但 jQuery 已经存在,那么是否有充分的理由不将它用于我的 Vue 组件中的 AJAX 调用? jQuery 和 axios 之间的语法非常相似,所以如果我能避免添加另一个库,那就太好了。

最佳答案

“不要在 Vue 中将 jQuery 用于 AJAX”的口号背后的原因是:

  • 如果$已经在组件中可用,查询或操作 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 ( which doesn't require jQuery ) 时,您可以将实现更改为其他内容。

关于javascript - 为什么不将 jQuery 与 Vue.js 一起用于 AJAX?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54959714/

相关文章:

javascript - 所选值 Javascript 的不同 InnerHTML 输出

javascript - 找不到动态添加的表单元素 ID

javascript - 如何正确对齐图像(带有文本)与 HTML 和 CSS?

javascript - Vue js将所有文本放入json文件并导入

javascript - 如何使用 TestCafe 对所有测试进行身份验证

javascript - 从 jQuery 数组中删除逗号

javascript - 为什么控制台消息显示多次?

javascript - mustache 中的Vue模板语法增量

select - 如何将 bootstrap-vue-select 控件的值设置为在表单加载时预选?

javascript - 数组[字符串] OR 字符串到字符串