最近,我们将 jQuery 完全从 GitHub.com 的前端代码中移除了,这标志着我们数年来逐步移除 jQuery 这个渐进式的过程终于结束了,这对我们来说是一件里程碑式的事件。这篇文章将介绍过去我们是如何依赖上 jQuery 的,随着时间地推移,我们意识到不再需要它,但到最后我们并没有使用另一个库或框架取代它,而是使用标准的浏览器 API 实现了我们所需要的一切。(请仔细阅读 转发自https://www.sohu.com/a/253130742_355140)
1.如果你用的是vue codewhy版本创建的vue 那一下方法就可以使用jquery() 这个版本的vue是2.x
1.1 下载
npm install jquery --save
1.2 在vue.config.js配置
const webpack = require('webpack')
module.exports = {
//引入jquery
chainWebpack: config => {
config.plugin('provide').use(webpack.ProvidePlugin, [{
$: 'jquery',
jquery: 'jquery',
jQuery: 'jquery',
'window.jQuery': 'jquery'
}])
}
}
这样就可以了
main.js无需修改
2.如果你用的是最新版本的vue 3.x (ps:先按照2.x的配置一遍)然后注意一下内容
由于jquery被GitHub移出 so eslint中是无法使用jquery的 所有需要把eslint的配置去掉
但是吧 你有喜欢eslint 那怎么办啊 我也不知道 所以我把eslint全部去掉了
在 package.json 中
"devDependencies": {
//去掉这个里面包含的所有 eslint 就可
"@vue/cli-plugin-babel": "~4.5.0",
"@vue/cli-service": "~4.5.0",
"@vue/compiler-sfc": "^3.0.0"
},
"eslintConfig": {
"root": true,
"env": {
"node": true,
"jquery": true //加了true 也不行 不知道为什么 只能全部去掉了
},
如果谁知道怎么办 记得@一下 xdm