vue 引入 jquery

vue中引入jquery

1. 安装jquery包

npm install jquery --save

2. 配置vue.config.js

const webpack = require('webpack');
module.exports = {
  configureWebpack: {
    plugins: [
      new webpack.ProvidePlugin({
        $: "jquery",
        jQuery: "jquery",
        "window.jQuery": "jquery",
        Popper: ["popper.js", "default"]
      })
    ]
  }
}

3. 在main.js中全局引用

import jquery from 'jquery';
Vue.prototype.jquery = $

4. 在文件中使用

$(function(){
     alert('load')
 })

生效：