Webpack+Vue如何導入Jquery和Jquery的第三方插件
更新時間：2017年02月20日 14:22:01 作者：小龍女先生
本文主要介紹了Webpack+Vue導入Jquery和Jquery的第三方插件的方法，具有很好的參考價值，下面跟著小編一起來看下吧
創(chuàng)建一個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';
//調(diào)用初始化
$(function(){
$.material.init();
});
注意：
1. 只可以在vue的組件中引用
2.如果在main.js中引入jquery.js是Ok的，但這種情況下無論是在mian.js或者是vue組件中引入jquery的第三方插件就有問題了。
以上就是本文的全部內(nèi)容，希望本文的內(nèi)容對大家的學習或者工作能帶來一定的幫助，同時也希望多多支持腳本之家！
相關文章
Electron+vue從零開始打造一個本地播放器的方法示例
這篇文章主要介紹了Electron+vue從零開始打造一個本地播放器的方法示例，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2020-10-10
這篇文章主要介紹了vue2.0模擬后臺json數(shù)據(jù)，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2019-05-05
socket io與vue-cli的結(jié)合使用的示例代碼
這篇文章主要介紹了socket io與vue-cli的結(jié)合使用的示例代碼，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-11-11
本文介紹關于Vue.js項目中時間選擇器組件的問題,當選擇后清空導致值變?yōu)閚ull,進而引發(fā)后臺接口報錯,通過監(jiān)聽`overallForm.time`的值并設置為空數(shù)組,成功解決此問題,確保了數(shù)據(jù)正確性,同時,建議避免直接監(jiān)聽整個對象以優(yōu)化性能,感興趣的朋友一起看看吧2024-08-08
前端Vue設置cookie、刪除cookie,獲取cookie方式
這篇文章主要介紹了前端Vue設置cookie、刪除cookie，獲取cookie方式，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-10-10
這篇文章主要介紹了vue如何點擊多個tab標簽打開關閉多個頁面，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-09-09
基于vue2.0實現(xiàn)仿百度前端分頁效果附實現(xiàn)代碼
本文通過實例代碼給大家介紹了基于vue2.0實現(xiàn)仿百度前端分頁效果,在文中給大家記錄了遇到的問題及解決方法，需要的朋友可以參考下2018-10-10
本文主要介紹了npm install sentry-cli失敗的問題解決,文章首先描述了問題現(xiàn)象,然后分析了問題的原因,具有一定的參考價值,感興趣的可以了解一下2023-08-08
這篇文章主要介紹了Vue-Router的使用方法，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-09-09
使用typescript構(gòu)建Vue應用的實現(xiàn)
這篇文章主要介紹了使用typescript構(gòu)建Vue應用的實現(xiàn),文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2019-08-08