Webpack+Vue怎么導(dǎo)入Jquery和Jquery的第三方插件

發(fā)布時(shí)間：2021-02-22 16:10:51 來源：億速云閱讀：155 作者：清風(fēng) 欄目：web開發(fā)

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

為什么要使用Vue

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

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

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

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

在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的第三方插件就有問題了。

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

向AI問一下細(xì)節(jié)

Webpack+Vue怎么導(dǎo)入Jquery和Jquery的第三方插件

為什么要使用Vue

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽