今天边肖给大家分享一个在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为全局变量的方法就是边肖分享的全部内容。希望能给你一个参考,多多支持我们。