vue怎么调用jquery包


本文摘自PHP中文网,作者coldplay.xixi,侵删。

vue调用jquery包的方法:首先引用jQuery包,并进入项目文件夹;然后安装jQuery包,找到脚手架build文件夹下添加相关代码;最后引用jquery,并在弹窗显示即可。

本教程操作环境:windows7系统、jquery3.2.1&&Vue2.9.6版,DELL G3电脑。

【相关文章推荐:vue.js】

vue调用jquery包的方法:

第一步

在package.json里的dependencies加入一行

1

"jquery" : "^3.2.1"

引用jQuery包

477a6691c1ed4511808b869f2bbf183.png

第二步

cd 你的项目名称

进入项目文件夹

运行

1

npm install jquery --save-dev

安装jQuery包

32b31d9d58d134bb08cc987e7b5a4ef.png

第三步

找到脚手架build文件夹下的webpack.base.conf.js文件

在最上方添加一行:

1

var webpack=require('webpack')

b7696d20406755f1f083318f37aaa23.png

第四步

找到脚手架build文件夹下的webpack.base.conf.js文件

module.exports中加入插件plugins:

1

2

3

4

5

6

[         

new webpack.ProvidePlugin({               

$:"jquery",               

jQuery:"jquery",              

"windows.jQuery":"jquery"     

}) ],

2dc742f65ebee76883d55dedc734c61.png

阅读剩余部分

相关阅读 >>

bootstrap与vue区别

js proxy 的优势以及使用场景

vue脚手架搭建流程

bootstrap和vue的区别

vue中mint ui是什么?

vue中的nexttick原理

vue中computed和watch的用法及区别

vue和react属于js库吗

vue bootstrap区别

js和vue的关系是什么

更多相关阅读请进入《vue》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...