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的第三方插件就有问题了。
以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，同时也希望多多支持脚本之家！
相关文章
这篇文章主要介绍了vue ant design 封装弹窗表单的使用，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-06-06
这篇文章主要介绍了VUE 单页面使用 echart 窗口变化时的用法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2020-07-07
使用live-server快速搭建本地服务器+自动刷新的方法
下面小编就为大家分享一篇使用live-server快速搭建本地服务器+自动刷新的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-03-03
这篇文章主要介绍了封装一下vue中的axios，本文通过示例代码给大家介绍的非常详细，具有一定的参考借鉴价值,需要的朋友可以参考下2020-02-02
以简单的树形组件为案例,实现在组件中递归组件,下面这篇文章主要给大家介绍了关于Vue实现递归组件的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下2022-09-09
使用Vue做前后端分离项目时,通常前端是单独部署,用户访问的也是前端项目地址,因此前端开发人员很有必要熟悉一下项目部署的流程,下面这篇文章主要给大家介绍了关于前端Vue项目部署到服务器的全过程以及踩坑记录的相关资料,需要的朋友可以参考下2023-05-05
这篇文章主要介绍了vue基于element的区间选择组件，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-09-09
今天小编就为大家分享一篇vue动画之点击按钮往上渐渐显示出来的实例，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-09-09
在Vue.js中,计算属性（computed properties）是组件的重要组成部分,它们根据组件的数据自动计算新的值,并在数据变化时自动更新,本文将深入探讨如何在Vue.js中监听计算属性的变化,帮助你更好地理解Vue.js的响应式系统,需要的朋友可以参考下2025-03-03
这篇文章主要为大家详细介绍了vue实现轮播图帧率播放，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-01-01
最新评论