使用vue-cli開發過程中如何把jQuery設定為全域

標籤：img   bpa   分享   alt   步驟   位置   操作dom   png   自動   

說明：vue-cli是vue快速構建項目的命令列式開發模式。

vue主要針對資料層，更多的操作在資料上，很少在DOM上，偶爾也會需要操作DOM，偶爾也會用到JQ外掛程式，下面簡單說下如何在使用vue-cli開發時候把JQ設定為全域的公用方法。

步驟：

1、npm install jquery -S

此時package.json內會自動添加一個最新版本的jquery，如果需要指定版本，安裝的時候自己指定。

如

2、開啟build/webpack.base.conf.js檔案，最上面先添加一行：var webpack = require("webpack")

再在下面添加上webpack的外掛程式如的位置

3、此時已經成功吧JQ設定為全域了，使用的時候可以像使用script那樣正常使用了！

使用vue-cli開發過程中如何把jQuery設定為全域