Vue 中使用 jQuery,最完美的介绍

二者结合,这将是很帅的操作。。。呼呼呼,进入正题

第一步:npm 安装 jQuery
npm install jquery --save
第二步:在package.json中的dependencies确定jquery的版本号
“jquery”: “^3.3.1”,
Vue 中使用 jQuery,最完美的介绍
第三步:在webpack.base.conf.js文件中配置
(1)头部输入:var webpack = require(‘webpack’);
Vue 中使用 jQuery,最完美的介绍
(2)module.exports中添加:
plugins: [
new webpack.ProvidePlugin({
$: “jquery”,
jQuery: “jquery”,
jquery: “jquery”,
“window.jQuery”: “jquery”
})
],
Vue 中使用 jQuery,最完美的介绍

第四步:在main.js中引入jQuery,
import $ from ‘jquery’
Vue 中使用 jQuery,最完美的介绍
第五步:重启
npm run dev

完事儿!