1、安装 jQuery
npm install jquery --save
2、webpack配置
在build文件夹下找到webpack.base.conf.js
文件,在开头第一行使用以下代码引入webpack
,因为该文件默认没有引用。
const webpack = require('webpack')
在module.exports中添加一段代码
plugins: [
new webpack.ProvidePlugin({
$: "jquery",
jQuery: "jquery",
"windows.jQuery": "jquery"
})
]
如下:
//注:...代表省略自有的,
//必定事先声明webpack,不然下面会不识别webpack
const webpack = require('webpack')
...
module.exports = {
plugins: [
new webpack.ProvidePlugin({
$: "jquery",
jQuery: "jquery",
"windows.jQuery": "jquery"
})
],
...
}
3、在main.js中加入:import $ from 'jquery'
重启项目此时在vue中全局引入了jquery,就可以在script中写jquery语法的代码了