vue3中引入jquery

安装jquery

bash

# 1.x版本
cnpm i jquery@1.12.4 -S

编辑vue.config.js文件

根目录下创建vue.config.js文件：

vue.config.js

const webpack = require("webpack");

module.exports = {
    configureWebpack: {
        plugins: [
            new webpack.ProvidePlugin({
                $:"jquery",
                jQuery:"jquery",
                "windows.jQuery":"jquery"
            })
        ]
    },
};

引用

在组件中引用：

js

import $ from 'jquery'

另一种方法

ref: https://blog.nickschnee.ch/vuejquery/

1. 先安装jquery模块
2. 在main.js中：

js

import jQuery from 'jquery'

global.$ = jQuery
// 或者
Vue.prototype.$ = jquery

这样就可以全局使用$了。