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

阅读剩余部分

相关阅读 >>

vue 和 react 的优点有哪些

15道vue常见面试题解析

vue中iview是什么?

详解6个不同级别的组件可重用性概念

vue.js怎样引入到html中

vue和react中dom的区别

vue和react是什么框架?

vue3.0和vue2.0的区别是什么?

vue 的 render 方法中 h 是什么?

vue和react相似和区别是什么

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




打赏

取消

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

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

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

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

评论

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