vue怎么调用jquery包-木庄网络博客

vue怎么调用jquery包

2022-04-17 12:16:30 PHP中文网 JavaScript 百度已收录

本文摘自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包

第二步

cd 你的项目名称

进入项目文件夹

运行

1	`npm install jquery --save-dev`

安装jQuery包

第三步

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

在最上方添加一行：

1	`var` `webpack=require('webpack')`

第四步

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

module.exports中加入插件plugins:

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

相关阅读 >>

vue 的 render 方法中 h 是什么？

vue和react相似和区别是什么

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

书籍

Vue.js 设计与实现基于Vue.js 3 深入解析Vue.js 设计细节

￥83.86元 人民邮电出版社

本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者

转载请注明出处：木庄网络博客 » vue怎么调用jquery包

vue怎么调用jquery包

Vue.js 设计与实现基于Vue.js 3 深入解析Vue.js 设计细节

相关推荐

评论