Vue3中如何使用jQuery配合使用

步骤一：安装jQuery

npm install --save jquery

步骤二：在 vue.fonfig.js中配置jQuery

const webpack = require("webpack");

module.exports = defineConfig({
 configureWebpack: {  //解决Invalid options in vue.config.js: "plugins" is not allowed的问题
      plugins: [
        AutoImport({
          resolvers: [ElementPlusResolver()],
        }),
        Components({
          resolvers: [ElementPlusResolver()],
        }),
        // 配置jQuery
        new webpack.ProvidePlugin({
          $: "jquery",
          jQuery: "jquery",
          "windows.jQuery": "jquery",
        })
      ],
  }
})

 步骤三：在package中配置jQuery

 

步骤四：在min.js中映入jQuery

import jquery from 'jquery'

 

 完成上述步骤之后，就可以在组件内正常使用jQuery了