vue中 怎么引入JQuery

vue中 怎么引入JQuery

vue中 怎么引入JQuery, 最好截图一步一步教我,谢谢老师

正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

1回答
好帮手慕糖 2019-10-06 13:51:21

同学你好,可以参考如下操作:

1、首先在package.json里的dependencies加入”jquery” : “^3.2.1”,例:(jquery后面的是版本,根据你自己需求更改)

http://img1.sycdn.imooc.com//climg/5d997fde096b58d803080131.jpg

2、在命令行里输入npm install jquery –save-dev  当然用 淘宝镜像 cnpm 也是可以的;注意:jquery 一定要小写。

3、找到build文件夹下的webpack.base.conf.js文件,打开,添加:

var webpack=require(‘webpack’); 例:

http://img1.sycdn.imooc.com//climg/5d99805c0951339404910095.jpg

4、  在module.exports里输入:

1
2
3
4
5
6
7
 plugins: [ 
           new webpack.ProvidePlugin({ 
                 $:”jquery”, 
                 jQuery:”jquery”, 
                “windows.jQuery”:”jquery”
        }) 
      ],

 5、在main.js中引入,加入下面这行代码,全局引入

1
import $ from 'jquery'

http://img1.sycdn.imooc.com//climg/5d9980b2092c80ad03660126.jpg

然后就可以使用了哦。

希望能帮助到你,祝学习愉快!

问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师
插入代码