本文將為大家詳細(xì)介紹“Webpack+Vue怎么導(dǎo)入Jquery和Jquery的第三方插件”，內(nèi)容步驟清晰詳細(xì)，細(xì)節(jié)處理妥當(dāng)，而小編每天都會(huì)更新不同的知識(shí)點(diǎn)，希望這篇“Webpack+Vue怎么導(dǎo)入Jquery和Jquery的第三方插件”能夠給你意想不到的收獲，請(qǐng)大家跟著小編的思路慢慢深入，具體內(nèi)容如下，一起去收獲新知識(shí)吧。

創(chuàng)新互聯(lián)建站從2013年成立，先為玉溪等服務(wù)建站，玉溪等地企業(yè)，進(jìn)行企業(yè)商務(wù)咨詢服務(wù)。為玉溪企業(yè)網(wǎng)站制作PC+手機(jī)+微官網(wǎng)三網(wǎng)同步一站式服務(wù)解決您的所有建站問(wèn)題。

為什么要使用Vue

Vue是一款友好的、多用途且高性能的JavaScript框架，使用vue可以創(chuàng)建可維護(hù)性和可測(cè)試性更強(qiáng)的代碼庫(kù)，Vue允許可以將一個(gè)網(wǎng)頁(yè)分割成可復(fù)用的組件，每個(gè)組件都包含屬于自己的HTML、CSS、JavaScript，以用來(lái)渲染網(wǎng)頁(yè)中相應(yīng)的地方，所以越來(lái)越多的前端開發(fā)者使用vue。

創(chuàng)建一個(gè)jquery-vendor.js文件

import $ from 'jQuery';
console.log($);
window.$ = $;
window.jQuery = $;
export default $;

導(dǎo)入JQuery，并賦值給window對(duì)象，使其成為一個(gè)全局變量。

在vue組件做如下引用

import $ from './assets/jquery-v';
import 'bootstrap-material-design'; 
//調(diào)用初始化
$(function(){
 $.material.init();
});

注意：

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

2.如果在main.js中引入jquery.js是Ok的，但這種情況下無(wú)論是在mian.js或者是vue組件中引入jquery的第三方插件就有問(wèn)題了。

如果你能讀到這里，小編希望你對(duì)“Webpack+Vue怎么導(dǎo)入Jquery和Jquery的第三方插件”這一關(guān)鍵問(wèn)題有了從實(shí)踐層面最深刻的體會(huì)，具體使用情況還需要大家自己動(dòng)手實(shí)踐使用過(guò)才能領(lǐng)會(huì)，如果想閱讀更多相關(guān)內(nèi)容的文章，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！