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 相关文章推荐
Jquery Ajax 学习实例2 向页面发出请求 返回JSon格式数据
Mar 15 Javascript
推荐40款强大的 jQuery 导航插件和教程(上篇)
Sep 14 Javascript
js中点击空白区域时文本框与隐藏层的显示与影藏问题
Aug 26 Javascript
jQuery取得select选择的文本与值的示例
Dec 09 Javascript
嵌入式iframe子页面与父页面js通信的方法
Jan 20 Javascript
JS拖拽组件学习使用
Jan 19 Javascript
使用JavaScript获取Request中参数的值方法
Sep 27 Javascript
react性能优化达到最大化的方法 immutable.js使用的必要性
Mar 09 Javascript
解决Jquery下拉框数据动态获取的问题
Jan 25 jQuery
javascript定时器的简单应用示例【控制方块移动】
Jun 17 Javascript
快速解决Vue、element-ui的resetFields()方法重置表单无效的问题
Aug 12 Javascript
如何利用JavaScript编写一个格斗小游戏
Jan 06 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
第九节--绑定
2006/11/16 PHP
Discuz! Passport 通行证整合
2008/03/27 PHP
php 正确解码javascript中通过escape编码后的字符
2010/01/28 PHP
IIS6.0中配置php服务全过程解析
2013/08/07 PHP
基于PHP实现的多元线性回归模拟曲线算法
2018/01/30 PHP
浅谈PHPANALYSIS提取关键字
2019/03/08 PHP
PHP图像处理 imagestring添加图片水印与文字水印操作示例
2020/02/06 PHP
php中yii框架实例用法
2020/12/22 PHP
jQuery的写法不同导致的兼容性问题的解决方法
2010/07/29 Javascript
将文本输入框内容加入表中的js代码
2013/08/18 Javascript
jQuery+AJAX实现无刷新下拉加载更多
2015/07/03 Javascript
jQuery删除节点用法示例(remove方法)
2016/09/08 Javascript
javascript实现二叉树遍历的代码
2017/06/08 Javascript
jQuery实现拖动效果的实例代码
2017/06/25 jQuery
关于vue中的ajax请求和axios包问题
2018/04/19 Javascript
详解JavaScript 中 if / if...else...替换方式
2018/07/15 Javascript
JavaScript封闭函数及常用内置对象示例
2019/05/13 Javascript
JavaScript数组去重实现方法小结
2020/01/17 Javascript
解决Vue 给mapState中定义的属性赋值报错的问题
2020/06/22 Javascript
eslint+prettier统一代码风格的实现方法
2020/07/22 Javascript
[00:59]DOTA2英雄背景故事——上古巨神
2020/06/28 DOTA
Python去掉字符串中空格的方法
2014/03/11 Python
Python部署web开发程序的几种方法
2017/05/05 Python
1分钟快速生成用于网页内容提取的xslt
2018/02/23 Python
使用python3+xlrd解析Excel的实例
2018/05/04 Python
华为2019校招笔试题之处理字符串(python版)
2019/06/25 Python
使用tensorflow实现VGG网络,训练mnist数据集方式
2020/05/26 Python
python两种获取剪贴板内容的方法
2020/11/06 Python
Python的Tqdm模块实现进度条配置
2021/02/24 Python
css3实现一个div设置多张背景图片及background-image属性实例演示
2017/08/10 HTML / CSS
公益广告语集锦
2014/03/13 职场文书
党员创先争优承诺书
2014/03/26 职场文书
爱心活动计划书
2014/04/26 职场文书
向国旗敬礼活动总结范文2014
2014/09/27 职场文书
村主任“四风”问题个人整改措施
2014/10/04 职场文书
2015年副班长工作总结
2015/05/15 职场文书