今天边肖给大家分享一个在vue项目中设置juery为全局变量的方法,有很好的参考价值,希望对你有所帮助。来和边肖一起看看吧。
1.首先执行:npm install jQuery --save-dev,在package.json里加入jQuery。
2.修改build下的webpack.base.conf.js
方法一:
第一次加入:
const webpack=require('webpack ')
然后在module.exports对象中添加:
插件:[
新的web pack . optimize . commonschunkplugin(' common . js '),
新网络包。提供插件({
jQuery:“jQuery”,
$: 'jquery '
})
]
方法二:
先加入:
const webpack=require('webpack ')
然后:
解决:{
扩展名:['。js ','。vue ','。json'],
别名:{
' vue$': 'vue/dist/vue.esm.js ',
@': resolve('src '),
jquery': 'jquery '
}
},
最后:
插件:[
新网络包。提供插件({
jQuery:“jQuery”,
$: 'jquery '
})
]
3.在app.vue中调用jquery
已安装:函数(){
console . log($);
console.log($('#ss')[0]。innerHTML);
},
打印结果:
以上在vue项目中设置juery为全局变量的方法就是边肖分享的全部内容。希望能给你一个参考,多多支持我们。
郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。