• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号
您的位置:首页 > 程序设计 >JavaScript > Webpack+Vue如何导入Jquery和Jquery的第三方插件

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

作者:小龙女先生 字体:[增加 减小] 来源:互联网 时间:2017-05-11

小龙女先生通过本文主要向大家介绍了vue webpack,webpack vue loader,webpack vue2.0,webpack打包vue,vue cli webpack等相关知识,希望对您有所帮助,也希望大家支持linkedu.com www.linkedu.com

创建一个jquery-vendor.js文件

import $ from 'jQuery';
console.log($);
window.$ = $;
window.jQuery = $;
export default $;
</div>

导入JQuery,并赋值给window对象,使其成为一个全局变量。

在vue组件做如下引用

import $ from './assets/jquery-v';
import 'bootstrap-material-design'; 
//调用初始化
$(function(){
 $.material.init();
});
</div>

注意:

1. 只可以在vue的组件中引用

2.如果在main.js中引入jquery.js是Ok的,但这种情况下无论是在mian.js或者是vue组件中引入jquery的第三方插件就有问题了。

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

</div>
分享到:QQ空间新浪微博腾讯微博微信百度贴吧QQ好友复制网址打印

您可能想查找下面的文章:

  • vue-cli如何快速构建vue项目
  • windows下vue-cli及webpack搭建安装环境
  • 详解vue-cli + webpack 多页面实例应用
  • 详解用vue-cli来搭建vue项目和webpack
  • 详解基于webpack和vue.js搭建开发环境
  • Webpack+Vue如何导入Jquery和Jquery的第三方插件
  • Vue.js中用webpack合并打包多个组件并实现按需加载

相关文章

  • 2017-05-11AngularJS 防止页面闪烁的方法
  • 2017-05-11jQuery实现鼠标跟随效果
  • 2017-05-11JS实现移动端实时监听输入框变化的实例代码
  • 2017-05-11js仿小米手机上下滑动效果
  • 2017-08-31js日期与字符串之间相互转换
  • 2017-05-11vue省市区三联动下拉选择组件的实现
  • 2017-05-11javascript实现复选框全选或反选
  • 2017-05-11js实现简单的手风琴效果
  • 2017-05-11bootstrap中的 form表单属性role="form"的作用详解
  • 2017-05-11bootstrap侧边栏圆点导航

文章分类

  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号

最近更新的内容

    • javascript笔记之匿名函数和闭包
    • js实现微博发布小功能
    • 详解vue的数据binding绑定原理
    • JavaScript利用Date实现简单的倒计时实例
    • 利用JS实现简单的瀑布流加载图片效果
    • 微信小程序 摇一摇抽奖简单实例实现代码
    • 原生javascript上传图片带进度条【实例分享】
    • 基于JavaScript实现复选框的全选和取消全选
    • Django1.7+JQuery+Ajax验证用户注册集成小例子
    • jQuery基于事件控制实现点击显示内容下拉效果

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有