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 相关文章推荐
自动生成文章摘要的代码[JavaScript 版本]
Mar 20 Javascript
用javascript实现兼容IE7的类库 IE7_0_9.zip提供下载
Aug 08 Javascript
js限制文本框只能输入数字(正则表达式)
Jul 15 Javascript
javascript学习(一)构建自己的JS库
Jan 02 Javascript
[将免费进行到底]在Amazon的一年免费服务器上安装Node.JS, NPM和OurJS博客
Aug 18 Javascript
Bootstrap导航栏各元素操作方法(表单、按钮、文本)
Dec 28 Javascript
JavaScript学习笔记整理之引用类型
Jan 22 Javascript
jQuery给表格添加分页效果
Mar 02 Javascript
基于匀速运动的实例讲解(侧边栏,淡入淡出)
Oct 17 Javascript
解决axios会发送两次请求,有个OPTIONS请求的问题
Oct 25 Javascript
node.js使用express框架进行文件上传详解
Mar 03 Javascript
浅谈layui 数据表格前后台传值的问题
Sep 12 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 页面编码声明方法详解(header或meta)
2010/03/12 PHP
关于更改Zend Studio/Eclipse代码风格主题的介绍
2013/06/23 PHP
Laravel5.5新特性之友好报错以及展示详解
2017/08/13 PHP
PHP基于面向对象实现的留言本功能实例
2018/04/04 PHP
ThinkPHP 5 AJAX跨域请求头设置实现过程解析
2020/10/28 PHP
setInterval与clearInterval的使用示例代码
2014/01/28 Javascript
js冒泡、捕获事件及阻止冒泡方法详细总结
2014/05/08 Javascript
浅谈javascript语法和定时函数
2015/05/03 Javascript
不依赖Flash和任何JS库实现文本复制与剪切附源码下载
2015/10/09 Javascript
JSONP跨域请求实例详解
2016/07/04 Javascript
JavaScript用构造函数如何获取变量的类型名
2016/12/23 Javascript
iView-admin 动态路由问题的解决方法
2018/10/03 Javascript
vue.js引入外部CSS样式和外部JS文件的方法
2019/01/06 Javascript
利用vue重构有赞商城的思路以及总结整理
2019/02/21 Javascript
vue实现随机验证码功能(完整代码)
2019/12/10 Javascript
Vue移动端用淘宝弹性布局lib-flexible插件做适配的方法
2020/05/26 Javascript
jQuery 实现DOM元素拖拽交换位置的实例代码
2020/07/14 jQuery
原生JS实现多条件筛选
2020/08/19 Javascript
使用python绘制人人网好友关系图示例
2014/04/01 Python
Python抓取框架 Scrapy的架构
2016/08/12 Python
django session完成状态保持的方法
2018/11/27 Python
python隐藏终端执行cmd命令的方法
2019/06/24 Python
python matplotlib拟合直线的实现
2019/11/19 Python
python如何输出反斜杠
2020/06/18 Python
jupyter使用自动补全和切换默认浏览器的方法
2020/11/18 Python
全球速卖通巴西站点:Aliexpress巴西
2016/08/24 全球购物
Hotels.com加拿大:领先的在线住宿网站
2018/10/05 全球购物
个性化皮包、小袋、生活配件:Mon Purse
2019/03/26 全球购物
Discard Protocol抛弃协议的作用是什么
2015/10/10 面试题
临床医学大学生求职信
2013/09/28 职场文书
写自荐信有哪些不宜?
2013/10/17 职场文书
简洁的英文求职信范文
2014/05/03 职场文书
你离财务总监还有多远?速览CFO的岗位职责
2019/11/18 职场文书
解决redis sentinel 频繁主备切换的问题
2021/04/12 Redis
python数据可视化使用pyfinance分析证券收益示例详解
2021/11/20 Python
我们认为中短波广播场强仪的最佳组合
2022/04/05 无线电