Webpack+Vue如何导入Jquery和Jquery的第三方插件


Posted in Javascript onFebruary 20, 2017

创建一个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的第三方插件就有问题了。

以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持三水点靠木!

Javascript 相关文章推荐
ko knockoutjs动态属性绑定技巧应用
Nov 14 Javascript
js修改input的type属性及浏览器兼容问题探讨与解决
Jan 23 Javascript
获取表单控件原始(初始)值的方法
Aug 21 Javascript
JS获得选取checkbox整行数据的方法
Jan 28 Javascript
jQuery支持动态参数将函数绑定到事件上的方法
Mar 17 Javascript
javascript中返回顶部按钮的实现
May 05 Javascript
详解AngularJS中$http缓存以及处理多个$http请求的方法
Feb 06 Javascript
JS中创建函数的三种方式及区别
Mar 13 Javascript
Bootstrap实现圆角、圆形头像和响应式图片
Dec 14 Javascript
详解vue.js全局组件和局部组件
Apr 10 Javascript
解决vue自定义全局消息框组件问题
Nov 22 Javascript
JavaScript实现世界各地时间显示
Sep 07 Javascript
jquery Easyui Datagrid实现批量操作(编辑,删除,添加)
Feb 20 #Javascript
原生node.js案例--前后台交互
Feb 20 #Javascript
jQuery实现单击按钮遮罩弹出对话框效果(1)
Feb 20 #Javascript
jQuery实现链接的title快速出现的方法
Feb 20 #Javascript
Angular企业级开发——MVC之控制器详解
Feb 20 #Javascript
原生JS实现《别踩白块》游戏(兼容IE)
Feb 20 #Javascript
javascript基础练习之翻转字符串与回文
Feb 20 #Javascript
You might like
PHP CURL或file_get_contents获取网页标题的代码及两者效率的稳定性问题
2015/11/30 PHP
PHP+mysql防止SQL注入的方法小结
2019/04/27 PHP
在textarea中显示html页面的javascript代码
2007/04/20 Javascript
上传的js验证(图片/文件的扩展名)
2013/04/25 Javascript
Jquery Validate 正则表达式实用验证代码大全
2013/08/23 Javascript
使用JavaScript获取地址栏参数的方法
2014/12/19 Javascript
Javascript之面向对象--方法
2016/12/02 Javascript
Angular 4依赖注入学习教程之ClassProvider的使用(三)
2017/06/04 Javascript
修改node.js默认的npm安装目录实例
2018/05/15 Javascript
解决linux下node.js全局模块找不到的问题
2018/05/15 Javascript
Vue $emit $refs子父组件间方法的调用实例
2018/09/12 Javascript
微信小程序dom操作的替代思路实例分析
2018/12/06 Javascript
Webpack4 使用Babel处理ES6语法的方法示例
2019/03/07 Javascript
js实现秒表计时器
2019/12/16 Javascript
vue之封装多个组件调用同一接口的案例
2020/08/11 Javascript
解决Vue-cli无法编译es6的问题
2020/10/30 Javascript
[01:12:44]VG vs Mineski Supermajor 败者组 BO3 第二场 6.6
2018/06/07 DOTA
Python THREADING模块中的JOIN()方法深入理解
2015/02/18 Python
Python3通过Luhn算法快速验证信用卡卡号的方法
2015/05/14 Python
详解K-means算法在Python中的实现
2017/12/05 Python
Python运维开发之psutil库的使用详解
2018/10/18 Python
对pandas里的loc并列条件索引的实例讲解
2018/11/15 Python
简单了解Pandas缺失值处理方法
2019/11/16 Python
pytorch实现特殊的Module--Sqeuential三种写法
2020/01/15 Python
英国护发和美妆在线商店:Klip Shop
2019/03/24 全球购物
COS美国官网:知名服装品牌
2019/04/08 全球购物
Bluebella法国官网:英国性感内衣品牌
2019/05/03 全球购物
进修护士自我鉴定
2013/10/14 职场文书
优秀毕业生求职推荐信范文
2013/11/21 职场文书
学前教育学生自荐信范文
2013/12/31 职场文书
国际会议邀请函范文
2014/01/16 职场文书
商务日语专业自荐信
2014/04/17 职场文书
邻里守望志愿服务活动方案
2014/08/15 职场文书
保护校园环境倡议书
2015/04/28 职场文书
导游词之襄阳古城
2019/09/27 职场文书
Nginx配置根据url参数重定向
2022/04/11 Servers