Webpack+Vue如何导入Jquery和Jquery的第三方插件
更新时间：2017年02月20日 14:22:01 作者：小龙女先生
本文主要介绍了Webpack+Vue导入Jquery和Jquery的第三方插件的方法，具有很好的参考价值，下面跟着小编一起来看下吧
创建一个jquery-vendor.js文件
import $ from 'jQuery'; console.log($); window.$ = $; window.jQuery = $; export default $;
导入JQuery，并赋值给window对象，使其成为一个全局变量。
在vue组件做如下引用
import $ from './assets/jquery-v';
import 'bootstrap-material-design';
//调用初始化
$(function(){
$.material.init();
});
注意：
1. 只可以在vue的组件中引用
2.如果在main.js中引入jquery.js是Ok的，但这种情况下无论是在mian.js或者是vue组件中引入jquery的第三方插件就有问题了。
以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，同时也希望多多支持脚本之家！
相关文章
Electron+vue从零开始打造一个本地播放器的方法示例
这篇文章主要介绍了Electron+vue从零开始打造一个本地播放器的方法示例，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-10-10
这篇文章主要介绍了vue2.0模拟后台json数据，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-05-05
这篇文章主要介绍了socket io与vue-cli的结合使用的示例代码，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-11-11
本文介绍关于Vue.js项目中时间选择器组件的问题,当选择后清空导致值变为null,进而引发后台接口报错,通过监听`overallForm.time`的值并设置为空数组,成功解决此问题,确保了数据正确性,同时,建议避免直接监听整个对象以优化性能,感兴趣的朋友一起看看吧2024-08-08
前端Vue设置cookie、删除cookie,获取cookie方式
这篇文章主要介绍了前端Vue设置cookie、删除cookie，获取cookie方式，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-10-10
这篇文章主要介绍了vue如何点击多个tab标签打开关闭多个页面，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-09-09
本文通过实例代码给大家介绍了基于vue2.0实现仿百度前端分页效果,在文中给大家记录了遇到的问题及解决方法，需要的朋友可以参考下2018-10-10
本文主要介绍了npm install sentry-cli失败的问题解决,文章首先描述了问题现象,然后分析了问题的原因,具有一定的参考价值,感兴趣的可以了解一下2023-08-08
这篇文章主要介绍了Vue-Router的使用方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-09-09
这篇文章主要介绍了使用typescript构建Vue应用的实现,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-08-08
最新评论