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 再在组件中这样书写会报错

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • WebSocket-Swift Starscream的使用 WebSocket 是 HTML5 一种新的协议。它实...
    香橙柚子阅读 24,289评论 8 183
  • 一、自画像 谁最爱画自画像?有人说丢勒,有人说伦勃朗,好吧,他们都画得挺好的,丢勒也很帅。咱们这里说现代绘画,所以...
    豆官阅读 4,282评论 0 2
  • 不要去追一匹马用追马的时间去种草,待到春暖花开会有骏马任你挑选,用暂时无人同行的时间去提升自己能力
    龙3351阅读 1,137评论 0 0
  • 之前去看《北京遇上西雅图》之不二情书,没看之前会想是不是都市男女相遇相爱的爱情故事,很通俗,很老套。不过确实是爱情...
    钱莱爱读书阅读 4,302评论 0 1
  • 老师,第一句结尾那里,싸운다 하였다 可不可以这样结尾呢~因为看到一个例句是这样写的:지방 특색을 종합적으로 반...
    隔行如童话阅读 663评论 3 0