怎样在Vue.js中使用jquery插件
在Vue.js中使用jquery插件的方法：
方法一：使用plugins数组把jquery插件声明为全局的资源就可以使用了，代码如下：
plugins: [
new webpack.ProvidePlugin({
$: 'jquery',
jquery: 'jquery',
'window.jQuery': 'jquery',
jQuery: 'jquery'
})
]
方法二：使用expose 加载器来悉岩加载需要的睁卖御jquery插配拆件，代码如下：
import 'expose?$!expose?jQuery!jquery'
vue npm命令安装jquery
1：npm install jquery
2：在build文件夹下的webpack.base.conf.js进行配缺吵肆置
（1）const webpack = require("webpack")
（2）在module.exports里面加入
plugins: [
伏轿 new webpack.optimize.CommonsChunkPlugin('common.js'),
new webpack.ProvidePlugin({
jQuery:"jquery",
碰冲 $:"jquery"
})
],
如图
3：在需要用到jquery的页面引入
import $ from 'jquery';
vuecli3全局引入jquery
之前使用jquery都是每个组件引入昌兄
这种方式需要在每个要使用jquery的组件碧禅里面引入一下，比较麻烦，分享一下全局耐慧袭引入的方法
vuecli3中修改webpack配置
eslint配置
vue引入依赖jquery的第三方插件
近日在使用宏猛vue开发项目的时候，因需要使用到一个依赖jquery的第三方轮播图插件—— Ipresenter ，因此归纳了一个最为实用的在vue项目里引用jquery以及依赖jquery的第三方插件的方法，以下为具体使用方法。
安装jquery
新建罩绝则一个vendor.js文件，再在组件里引入即可。
在需要使用的页面引入即可（如需全局引用只需要在main.js引入即可。），例如：
这样一来就成功的在vue项目里引入了jquery和依赖jquery的第三方物棚插件。且无需配置webpack的plugins。
而且经测试发现即使通过配置webpack的plugins来引入了jquery，但是在引入插件的时候还是会报 jQuery is not defined 的错误，不信可以自己试试。
最终实现效果：
vue 全局引入 jquery
第一步、在项目中npm安装JQ
npm install jquery --save
第二步、检查是否卜扒基安装成功
在package.json中的dependencies查看是否含有jquery
第三步、配置JQ
型谨 在vue.config.js中顶部写入 const webpack = require('webpack')
写入后在configureWebpack中加此枝入
第四步、重启项目，引入成功
以上内容为新媒号(sinv.com.cn)为大家提供！新媒号，坚持更新大家所需的前端知识。希望您喜欢！
版权申明：新媒号所有作品（图文、音视频）均由用户自行上传分享，仅供网友学习交流，不声明或保证其内容的正确性，如发现本站有涉嫌抄袭侵权/违法违规的内容。请发送邮件至 k2#88.com(替换@) 举报，一经查实，本站将立刻删除。
