首先你要知道你為什么使用jquery,如果使用Bootstrap颂翼，那引入jquery是必然的慨灭。如果你單純的因為某些功能使用jquery建議還是另尋方法。jquery基本上都是對dom節(jié)點進(jìn)行操控氧骤，進(jìn)行css動畫效果展示非常順暢，在vue中使用可能會有點雞肋刽锤，包也是比較大的，需要慎重考慮并思。
這里配置的是vue-cli3.0引入jquery的方法
一、安裝jquery
注意這里下載的是1.9版本的兼容IE8,下載其它版本的@+版本號
npm i -- save jquery@1.9
二弄砍、打開vue.config.js 文件宙暇，添加以下代碼
const webpack = require('webpack')
module.exports = {
// webpack配置
configureWebpack: {
plugins: [
new webpack.ProvidePlugin({
$: "jquery",
jQuery: "jquery",
"windows.jQuery": "jquery"
})
]
}
}
三、找到.eslintrc.js文件占贫，在該文件的env對象中添加jquery等于true
module.exports = {
env: {
node: true,
jquery: true
}
};
四、測試是否能使用
export default {
name: 'HomeView',
mounted(){
console.log($)
//or
$('.head').hide()
}
}
ok引入完成瞳收。
