vue中引入jquery

1、安装jquery。

npm install jquery --save-dev

2、在根目录下的build/webpack.base.conf.js中：

(1) 在头部填写以下代码

var webpack = require("webpack") 

(2)在module.exports模块中填入

plugins: [
    new webpack.optimize.CommonsChunkPlugin('common.js'),
    new webpack.ProvidePlugin({
      jQuery: "jquery",
      $: "jquery"
    })
  ]

3、在根目录下的\src\main.js中引入。

import $ from 'jquery'

4、如果项目中引用了.eslintrc.js文件，还需要在文件的module.exports中，为env添加一个键值对 jquery: true

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

5、这时我们已经在vue中全局引入了jquery，可以在页面中调用jquery了。