vue 使用jquery

npm/cnpm install jQuery


如果想安装更高版本的JQ那么可以选择在package.json文件下添加代码断
然后在命令行窗口中输入指令，即可完成安装
npm install

vue.config.js 文件，在文件的头部位置加上const webpack = require('webpack')，然后在module.exports中，添加
configureWebpack: {
   plugins: [
      new webpack.ProvidePlugin({
        $:"jquery",
        jQuery:"jquery",
        "windows.jQuery":"jquery"
      })
    ]
}


更改main.js文件
添加代码
import $ from 'jquery'              //也可以不全局引用  局部引用
vue.prototype.$=$

在
mounted(){
  console.log(this.$("#app")    //局部引用不用可以不用this   或者let that = this  也行
}

之后在文件中即可随意使用JQ，不过切记不能直接使用，必须这样
$(function(){
    $('.button').click(function(){
        alert('JQ引入测试');
    });
});