Vue3中引入jquery

vue3中引入jquery

由于我用vue创建项目之后并没有出现build文件夹，应该是vue3之后简化了，看了网上的一些教程都是要修改build文件下面的webpack文件，但是我没有找到

就想到一个方法，个人拙见，在main.js的文件中插入

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

然后在需要用到的地方使用this.JQ来调用

mounted: function () {
    this.JQ(document).ready(function () {
      console.log('11')
    })
  }

以上方式是我一时之间想到的，好的方式如下

在vue.config.js文件中写入

const webpack = require('webpack')

module.exports = {
  chainWebpack: config => {
    config.plugin('provide').use(webpack.ProvidePlugin, [{
      $: 'jquery',
      jquery: 'jquery',
      jQuery: 'jquery',
      'window.jQuery': 'jquery'
    }])
  }
}

然后就可以在任何地方应用$这个啦