1. 安装 jquery
npm install jquery --save-dev
2.在 webpack.base.conf.js 添加内容:
const webpack = require('webpack')
plugins: [
new webpack.ProvidePlugin({
$: 'jquery',
jQuery: 'jquery',
"windows.jQuery": "jquery"
})
],
3.在入口文件main.js 里面添加内容
// 引入 jquery
import $ from 'jquery'
4.测试一下是否安装成功,看看能否弹出’123’
<template>
<div id="app">
<img src="./assets/logo.png">
<router-view/>
</div>
</template>
<script>
$(function(){
alert(123)
})
export default {
name: 'App',
data(){
return {
}
}
}
</script>
<style>
</style>
``