1,在vue项目中安装jquery,使用以下命令
npm install jquery --save
项目中出现这个文件说明安装成功
2,找到 vue.config.js 文件并配置为
const { defineConfig } = require('@vue/cli-service')
const webpack = require("webpack");
module.exports = defineConfig({
transpileDependencies: true,
chainWebpack: config => {
config.plugin('provide').use(webpack.ProvidePlugin, [{
$: 'jquery',
jquery: 'jquery',
jQuery: 'jquery',
'window.jQuery': 'jquery'
}])
}
})
3,在所需要的组件中引用就可以了
import $ from "jquery"