Vue2和Vue3由于目錄結構不同，因此家凯，在引入jQuery時缓醋，配置方法也不同，特此寫篇文章绊诲，做個記錄送粱。
一、Vue兩個版本配置jQuery的相同之處
1.安裝jQuery
運行命令掂之，安裝jQuery抗俄。
npm install jquery --save
2.在main.js文件中引入jQuery
運行命令，引入jQuery世舰。
import $ from 'jquery
3.配置eslint檢測
如果沒有開啟eslint檢測动雹，本步不需要配置。
打開.eslintrc.js文件跟压，在env中胰蝠，添加jquery: true。默認只有node :true震蒋。
二茸塞、Vue兩個版本配置jQuery的不同之處
1.Vue2配置jQuery
打開/build目錄下的webpack.base.conf.js文件，在文件的頭部添加以下代碼：
const webpack=require("webpack")
在module.exports中添加以下代碼：
plugins: [
new webpack.ProvidePlugin({
jQuery: "jquery",
$: "jquery"
})
2.Vue3配置jQuery
在Vue3中查剖，由于目錄結構與Vue2相比钾虐，變化較大，尤其是沒有build目錄梗搅，因此jQuery的配置方法也與Vue2不同禾唁。
打開項目目錄下的vue.config.js文件效览，在頭部添加以下代碼：
const webpack = require('webpack')
找到module.exports配置項无切，在該配置項的configureWebpack屬性中，添加以下代碼：
configNew.plugins= [
new webpack.ProvidePlugin({
$:"jquery",
jQuery:"jquery",
"windows.jQuery":"jquery"
})
]
具體如下圖所示：
或者在configureWebpack屬性中丐枉，添加plugins屬性哆键，代碼如下：
plugins: [
new webpack.ProvidePlugin({
$:"jquery",
jQuery:"jquery",
"windows.jQuery":"jquery"
})
]
至此，關于Vue2和Vue3引入jQuery的配置方法瘦锹，記錄完畢籍嘹。
