vue 全局引入 jquery

vue 全局引入 jquery,第1张

第一步、在项目中npm安装JQ

    npm install jquery --save

第二步、检查是否安装成功

               在package.json中的dependencies查看是否含有jquery

第三步、配置JQ

               在vue.config.js中顶部写入 const webpack = require('webpack')

               写入后在configureWebpack中加入

第四步、重启项目,引入成功

在Vue.js中使用jquery插件方法

方法一:使用plugins数组把jquery插件声明为全局的资源就可以使用了,代码如下:

plugins: [

new webpack.ProvidePlugin({

$: 'jquery',

jquery: 'jquery',

'window.jQuery': 'jquery',

jQuery: 'jquery'

})

]

方法二:使用expose 加载器来加载需要的jquery插件,代码如下:

import 'expose?$!expose?jQuery!jquery'


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/bake/11886730.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-19
下一篇 2023-05-19

发表评论

登录后才能评论

评论列表(0条)

保存