步骤一:安装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了

GitHub 加速计划 / vu / vue
207.54 K
33.66 K
下载
vuejs/vue: 是一个用于构建用户界面的 JavaScript 框架,具有简洁的语法和丰富的组件库,可以用于开发单页面应用程序和多页面应用程序。
最近提交(Master分支:2 个月前 )
73486cb5 * chore: fix link broken Signed-off-by: snoppy <michaleli@foxmail.com> * Update packages/template-compiler/README.md [skip ci] --------- Signed-off-by: snoppy <michaleli@foxmail.com> Co-authored-by: Eduardo San Martin Morote <posva@users.noreply.github.com> 4 个月前
e428d891 Updated Browser Compatibility reference. The previous currently returns HTTP 404. 5 个月前
Logo

旨在为数千万中国开发者提供一个无缝且高效的云端环境,以支持学习、使用和贡献开源项目。

更多推荐