Vue中正确引入使用jQuery的方法

1.CNPM 安装 jQuery，项目根目录下运行以下代码
cnpm install jquery --save

2.webpack配置
在项目根目录下的build目录下找到webpack.base.conf.js文件，在开头第一行使用以下代码引入webpack，因为该文件默认没有引用。
const webpack = require(‘webpack’)

3.在module.exports中添加一段代码
// 添加代码
plugins: [
new webpack.ProvidePlugin({
$: “jquery”,
jQuery: “jquery”,
jquery: “jquery”,
“window.jQuery”: “jquery”
})
],

4.导入jquery
main.js或需使用jQuery的组件中里导入jQuery
import $ from ‘jquery’

接着启动项目 cnpm run dev

注意：eslint 检查（若项目开启）
报错：
http://eslint.org/docs/rules/no-undef ‘$’ is not defined or
http://eslint.org/docs/rules/no-undef ‘jQuery’ is not defined
修改根目录下.eslintrc.js文件了，在改文件的module.exports中，为env添加一个键值对 jquery: true 就可以了，也就是：
env: {
// 原有
browser: true,
// 添加
jquery: true
}
再次 cnpm run dev 启动项目，可以使用jQuery