vue 引入jquery 使用$.ajax

最新推荐文章于 2025-03-21 09:07:12 发布

sunyin.liu

最新推荐文章于 2025-03-21 09:07:12 发布

阅读量1.4k

点赞数

分类专栏： Vuejs 文章标签： jquery vue.js ajax

本文链接：https://blog.youkuaiyun.com/weixin_42066070/article/details/125209754

版权

Vuejs 专栏收录该内容

70 篇文章 ¥29.90 ¥99.00

订阅专栏

超级会员免费看

本文介绍了在Vue项目中为了兼容IE浏览器而不得不引入jQuery，并使用$.ajax的方法。详细步骤包括通过npm安装jQuery，指定版本，配置vue.config.js，以及在main.js中引用和页面调用。同时，作者建议尽量避免使用jQuery，因为Vue本身可以兼容IE9-11，使用axios并适当配置即可解决兼容性问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

声明：实在需要兼容ie的$.ajax,只能在vue的项目里引入jquery

步骤

1.npm引入 jquery

npm i jquery --save

2.如果要引入指定版本

在package.json里添加，然后再npm i

"dependencies": {
    "jquery": "^2.1.4",
}

3.在vue.config.js 里添加代码

const webpack = require("webpack");
module.exports = {

 configureWebpack: {
....
    plugins: [
      new webpack.ProvidePlugin({
        $: "jquery",
        jQuery: "jquery",
        "windows.jQuery": "jquery"
      })
    ]
  },
....