Vue中引入jQuery

首先新建一个vue-cli项目，vue新建项目步骤可参考https://www.jianshu.com/p/914d8573406b

npm install jquery --save

package.json中多了"jquery": "^3.3.1"

安装jquery.png

配置文件 const webpack = require('webpack')
plugins:[ new webpack.ProvidePlugin({ $: 'jquery', jQuery:'jquery' }) ],

webpack.base.conf.js配置.png

在main.js中引入jqueryimport $ from 'jquery'

main.js中引入jquery.png

在app.vue使用jquery获取vue图片logo

QQ截图20181026140922.png.png jquery获取vuelogo演示.gif

要是安装失败的朋友可以试下我这个成功案例
http://note.youdao.com/noteshare?id=d8b8b43b79461899aaa40403068d9257
先npm install后npm run dev