- 第一步:安装
npm install --save jquery
- 第二步: 查看package.json 文件
"dependencies": {
"jquery": "^3.4.1", /// 一定要有这个 没有的话,手动添加
"@antv/f2": "^3.4.1",
"core-js": "^2.6.5",
"vue": "^2.6.10",
"vue-router": "^3.0.3",
"vuex": "^3.0.1"
},
- 第三步:新创建vue.config.js 文件 添加一下代码
const webpack = require('webpack')
module.exports = {
lintOnSave: false,
configureWebpack: {
plugins: [
new webpack.ProvidePlugin({
$: "jquery",
jQuery: "jquery",
"windows.jQuery": "jquery"
})
]
}
}
- 第四步: 在main.js 中引入
import $ from 'jquery'
-
效果如下图
antv.gif
代码三步走.png
网友评论