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

简介: 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';   //导入jQuery

import 'bootstrap-material-design';//组件

//调用初始化

$(function(){

 $.material.init();

});

备注:该方法是用于组件中,但是main.js已经引用jQuery.js 再在组件中这样书写会报错

相关文章
|
JavaScript 前端开发
百叶窗效果的jQuery幻灯片插件
百叶窗效果的jQuery幻灯片插件
|
JavaScript
jquery无限循环内容滑块插件
jquery无限循环内容滑块插件
|
JavaScript
简单轻量级的jquery图表插件
简单轻量级的jquery图表插件
|
JavaScript
jQuery响应式内容选项卡插件
jQuery响应式内容选项卡插件
|
JavaScript 前端开发
带完成百分比的jQuery表单插件
带完成百分比的jQuery表单插件
|
数据采集 JavaScript 前端开发
nodejs中如何导入jQuery
Node.js虽为后端环境,但可通过npm安装jQuery并结合jsdom模拟DOM,从而在项目中使用前端库。本文介绍如何在Node.js中导入和使用jQuery,简化HTTP请求和页面操作,并提供Web爬虫示例,展示如何抓取网页标题。通过这种方式,开发者可以在不依赖浏览器的情况下复用已有jQuery代码,减少重复劳动并提高开发效率。
373 3
jQuery+Slick插件实现游戏人物轮播展示切换源码
jQuery+Slick插件实现游戏人物轮播展示切换源码
275 14
|
JavaScript 内存技术
支持多种动画特效的响应式jQuery幻灯片插件
支持多种动画特效的响应式jQuery幻灯片插件
|
JavaScript
jquery文字动画特效插件animatext
jquery文字动画特效插件animatext
477 9
|
JavaScript 容器
jquery和CSS3图片排序过滤搜索插件
Filterizr是一款jquery和CSS3图片排序过滤插件。它可以对一组图片进行排序,按条件过滤和按关键字搜索。并在显示结果时使用指定的CSS3动画过渡效果。
316 2