vue-cli中引入Jquery,使用$get

需求:脚手架vue-cli引入Jquery和普通的不一样
一、安装JQuery
在终端输入npm install jquery --save
安装成功能看见版本信息如下
在这里插入图片描述
二、修改vue.config.js文件(找不到就创建,已存在无需新建;红色框里的是需要添加的)
注:有的博客里是修改webpack.base.conf.js这个文件,如果你当初使用的是vue-cli
是找不到这个webpack.base.conf.js文件,这时,vue.config.js==webpack.base.conf.js
直接在vue.config.js里面修改就好了。
https://www.cnblogs.com/seemoon/p/12851625.html

在这里插入图片描述

const webpack = require('webpack')
module.exports = {
  configureWebpack:{
    plugins:[
      new webpack.ProvidePlugin({
        $:'jquery',
        jQuery:'jquery',
        'windows.jQuery':'jquery'
      })
    ]
  }
}

三、在package.json中修改env配置(红色框为需要添加的
在这里插入图片描述
***四、最后导入JQuery:在自己需要使用的vue文件中,按需导入即可
在这里插入图片描述

自此完成jQuery的引入和配置

注:要是想全局使用:
可以在main.js中导入如下红框内容试试(但是不确定对不对),
有的文章导入的是这个 Vue.prototype.$ = $;
这个肯定在vue3/vue-cli中肯定是不对的
在这里插入图片描述

参考:
https://blog.csdn.net/qq_48009509/article/details/121557084
https://www.cnblogs.com/seemoon/p/12851625.html
https://www.cnblogs.com/spring_wang/p/14541916.html
https://blog.csdn.net/Madman528/article/details/119790059

  • 2
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值