本文介绍了如何在Vue项目中配置并使用jQuery。首先通过npm安装jQuery，然后在vue.config.js中添加webpack配置，利用ProvidePlugin全局提供jQuery和$。最后，在项目入口文件如main.js中导入jQuery，即可在页面中正常使用。
1、安装jquery 依赖
npm install jquery –S
2、在配置文件vue.config.js中添加jquery 配置
在文件头部 添加定义
const webpack = require('webpack')
在配置中添加引用
configureWebpack: {
plugins: [
new webpack.ProvidePlugin({
jQuery: 'jquery',
$: 'jquery'
})
]
},
3、在项目的入口处添加导入（一般单页面为main.js，如果是多页面，则为每个需要使用jquery的页面的入口文件）
import $ from 'jquery' //引入jquery
4、页面中可以正常使用了
最低0.47元/天 解锁文章
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
