Vue3.0引入Jquery
停掉vue服务
1、找到main.js加上一句话:import $ from 'jquery'
2、
- 输入下载指令:
jquery npm install jquery --save-dev
- 为了避免小伙伴因为某些原因下载失败,我提供一个jquery的包,只要解压放到node_modules里就行
3、找到package.json,在"dependencies"下加入一句话"jquery":"^2.2.1",
4、找到vue.config.js,在里面加入一句话:const webpack = require('webpack')
。
然后找到configureWebpack,在大括号里面加入代码
plugins:[new webpack.ProvidePlugin({ $:"jquery", jQuery:"jquery", "windows.jQuery":"jquery"})]
如果没有configureWebpack,可以找到module.exports,在里面写configureWebpack :{plugins:[new webpack.ProvidePlugin({ $:"jquery", jQuery:"jquery", "windows.jQuery":"jquery"})]}
启动vue服务,jquery就能用啦!
链接: https://pan.baidu.com/s/1sVAJAonDZc8fQU51i-Oj3Q
提取码: jicl
二维码: