vue組件引入jquery

步驟：

1、安裝jquery：npm install jquery

2、修改配置：在webpack.base.conf.js文件加入

var webpack=require('webpack');

module.exports = {

plugins:[
  new webpack.optimize.CommonsChunkPlugin('common.js'),
  new webpack.ProvidePlugin({
    jQuery: "jquery",
    $: "jquery"
  })
]
}
3、在main.js中全局引用，如下圖
import $ from 'jquery'

5、在home.vue使用發現eslint語法檢測$錯誤，修改.eslintrc.js配置文件
jquery: true

6、測試程序，看控制台輸出

 

前方有坑預警，控制台有錯誤：Uncaught ReferenceError: __WEBPACK_AMD_DEFINE_ARRAY__ is not defined的錯誤

百度一番找到的問題原因是因為jquery的版本的的原因，因為我安裝的是最新版本，所以將jquery的版本降下到2.x：npm install jquery@^2.2.4 --save

感謝：https://www.cnblogs.com/bluey/p/6531694.html