vue vue-cli3.0中引入JQuery
- 安装JQuery
npm i jquery -S
- 在vue.config.js中,加入如下代码
const webpack = require('webpack')
configureWebpack: config => {
plugins: [
new webpack.ProvidePlugin({
$: 'jquery',
jQuery: 'jquery',
'windows.jQuery': 'jquery'
})
]
},
- 在main.js中,引入JQuery,这样就可以在组件中使用了,调用例:this.$(’.box’)
import $ from 'jquery'
Vue.prototype.$ = $ // 把$挂载在原型上