首先npm安装jquery，项目根目录下运行以下代码：
然后在build/webpack.base.conf.js文件里面添加引用和插件声明：
const webpack = require(‘webpack’)
// 插件声明要写在module.exports里面
module.exports = {
plugins: [
new webpack.ProvidePlugin({
$: ‘jquery’,
jQuery: ‘jquery’,
jquery: ‘jquery’,
‘windows.jQuery’: ‘jquery‘
})
]
}
最后在入口文件main.js里面引用jquery就好了
以为这样就可以了，npm run dev就大功告成啦^-^
But，现实给我了重重的一击 T﹏T
‘$’ is not defined
what? 没错呀，怎么回事…… ((?(//?Д/?/)?))/
原来是因为启用了eslint，好吧，大意了。其实以前init项目的时候，eslint都会选择No的，这次鬼使神差选了Yes，结果就出了这么多错。不过，也算是长见识啦。那么，针对上面的问题，这时候需要做的最后一步就是要修改根目录下的.eslintrc.js文件了，在文件中的module.exports中，为env添加一个键值对 jquery: true就可以了，也就是
env: {
// 原有
browser: true,
// 添加
jquery: true
}
再次 npm run dev，就OK啦 ＼(*T▽T*)／
vue中正确引用jquery
原文：https://www.cnblogs.com/chuyan/p/vue-input-jquery.html
