vue项目中正确添加jquery
1.用了vue项目之后确实在处理html界面中的数据特别方便也适用,但是随之功能点的需求更新,发现vue项目也有实现不了的功能2.在界面中需要用到jquery的fullpage插件,此时还是需要在vue项目中导入jquery3.此时的导入jquery不像原来的script引入了,而是需要命令行安装以及配置数据此时若为cnpm则修改为cnpmnpm install jQuery...
·
1.用了vue项目之后确实在处理html界面中的数据特别方便也适用,但是随之功能点的需求更新,发现vue项目也有实现不了的功能
2.在界面中需要用到jquery的fullpage插件,此时还是需要在vue项目中导入jquery
3.此时的导入jquery不像原来的script引入了,而是需要命令行安装以及配置数据
此时若为cnpm则修改为cnpm
npm install jQuery
4.安装好jquery后,需要修改配置文件数据
a.打开package.json文件,在里面加入这行代码,jquery后面的是版本,根据你自己需求更改。
dependencies:{
//此处的jquery版本根据npm后的版本来看,会有安装版本的提示
"jquery":"^3.3.1"
}
b.在webpack.dev.conf.js中module.exports的最后加入这行代码,
plugins: [
new webpack.optimize.CommonsChunkPlugin('common.js'),
new webpack.ProvidePlugin({
jQuery: "jquery",
$: "jquery"
})
c.在main.js中引入,加入下面这行代码
import 'jquery'
5.最后一步,重新跑一边就好,npm run dev
更多推荐
已为社区贡献21条内容
所有评论(0)