注意:这里配置的是vue-cli3.0引入jquery的方法,不是vue-cli2.0的配置方法。
一、安装jQuery:
npm install jquery --save //安装为最新版本
二、打开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
}
};
四、重新启动vue-cli,页面组件中 script标签加如下测试代码。
<script>
export default {
name: "",
data() {},
mounted() {
console.log($());
}
}
};
</script>