Vue中引入Jquery

1、安装

npm install jquery --save

2、配置

在build中 webpack.base.conf.js中，开头添加以下代码

var webpack = require('webpack')

然后在module.exports中添加一段代码，

module.exports = {
// 原有代码
  resolve: {
    extensions: ['.js', '.vue', '.json'],
    alias: {
      'vue$': 'vue/dist/vue.esm.js',
      '@': resolve('src')
    }
  },
  // 添加代码
  plugins: [
    new webpack.ProvidePlugin({
      $: "jquery",
      jQuery: "jquery",
      jquery: "jquery",
      "window.jQuery": "jquery"
    })
  ],
// 原有代码
 module: {}

main.js里导入jQuery

import 'jquery'

此时可以写console.log($('选择器'))测试以下

npm run dev    //运行

如果发现编译错误，解决方法：
根目录下.eslintrc.js文件了，在改文件的module.exports中

env: {
  // 原有
  browser: true,
  // 添加
  jquery: true
}

这下大功告成啦！