国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

Vue2.0 --- vue-cli腳手架中全局引入JQ

番茄西紅柿 / 3489人閱讀

摘要：第一步安裝方式安裝默認(rèn)安裝版本的如果想安裝更高版本的那么可以選擇在文件下面這個(gè)位置添加代碼斷當(dāng)前圖片安裝的是版本，如果想安裝更高或者其他可以更改版本號(hào)然后在命令行窗口中輸入指令，即可完成安裝第二步更改文件在文件指定位置添加代碼

第一步：安裝jQuery

npm/cmpn方式安裝(默認(rèn)安裝1.7.X版本的JQ)

npm/cnpm install jQuery

如果想安裝更高版本的JQ那么可以選擇在package.json文件下面這個(gè)位置添加代碼斷（當(dāng)前圖片安裝的是2.2.3版本，如果想安裝更高或者其他可以更改版本號(hào)）

然后在命令行窗口中輸入指令，即可完成安裝

npm install

第二步：更改webpack.base.conf.js文件

在文件指定位置添加代碼

var webpack = require(webpack);
plugins: [
    new webpack.optimize.CommonsChunkPlugin(common.js),
    new webpack.ProvidePlugin({
        jQuery: "jquery",
        $: "jquery"
    })
],

位置如圖所示：

第三步：（必須操作）,重啟一下服務(wù)器不然會(huì)報(bào)錯(cuò)，重啟之后就好了

npm run dev

第四步：更改main.js文件

添加代碼

import $ from jquery

如圖所示： 

之后在文件中即可隨意使用JQ，不過(guò)切記不能直接使用，必須這樣

$(function(){
    $(.button).click(function(){
        alert(JQ引入測(cè)試);
    });
});

如果不寫$(function(){ }),會(huì)無(wú)法生效的

錯(cuò)誤寫法：

$(.button).click(function(){
    alert(JQ引入測(cè)試);
});
版權(quán)聲明：本文為博主原創(chuàng)文章，未經(jīng)博主允許不得轉(zhuǎn)載。 https://blog.csdn.net/sinat_19327991/article/details/78148930

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://m.specialneedsforspecialkids.com/yun/2074.html

相關(guān)文章

  • 從零開(kāi)始教你用vue-cli一招引入jq和boostrap

    摘要：和占了在以前的前端半壁江山如今是三分天下和有著成熟體系和架構(gòu)那我們用如何引用和呢安裝腳手架腳手架工具快速構(gòu)建項(xiàng)目架構(gòu)。。全局安裝生成項(xiàng)目名為的的項(xiàng)目模板，自定義到文件夾中打開(kāi)或者命令窗口初始化安裝依賴然后輸入。。 jq和boostrap占了在以前的前端半壁江山 如今是vue react augular 三分天下 jq和boostrap有著成熟體系和架構(gòu) 那我們用vue-cli如何引用...

    CrazyCodes 評(píng)論0 收藏0

  • 記錄：vue-cli腳手架引入彈出層layer插件

    摘要：經(jīng)過(guò)大量百度和分析，最后還是依靠調(diào)試前端樣式看出端倪，問(wèn)題在于里面用到的在我引入的文件里并不存在。經(jīng)過(guò)檢查，導(dǎo)入的文件錯(cuò)誤注意有手機(jī)的樣式和另一個(gè)，這里要用另一個(gè)，名稱一樣。 如何引入 在vue-cli里，引入文件有幾鐘方法 一種是用npm或者cnpm指令去下載對(duì)應(yīng)的插件，然后在main.js里用import方法引入，這里不討論這種方法 我比較喜歡采用的是直接下載對(duì)應(yīng)的js...

    Euphoria 評(píng)論0 收藏0

  • 記錄：vue-cli腳手架引入彈出層layer插件

    摘要：經(jīng)過(guò)大量百度和分析，最后還是依靠調(diào)試前端樣式看出端倪，問(wèn)題在于里面用到的在我引入的文件里并不存在。經(jīng)過(guò)檢查，導(dǎo)入的文件錯(cuò)誤注意有手機(jī)的樣式和另一個(gè)，這里要用另一個(gè)，名稱一樣。 如何引入 在vue-cli里，引入文件有幾鐘方法 一種是用npm或者cnpm指令去下載對(duì)應(yīng)的插件，然后在main.js里用import方法引入，這里不討論這種方法 我比較喜歡采用的是直接下載對(duì)應(yīng)的js...

    quietin 評(píng)論0 收藏0

  • 記錄：vue-cli腳手架引入彈出層layer插件

    摘要：經(jīng)過(guò)大量百度和分析，最后還是依靠調(diào)試前端樣式看出端倪，問(wèn)題在于里面用到的在我引入的文件里并不存在。經(jīng)過(guò)檢查，導(dǎo)入的文件錯(cuò)誤注意有手機(jī)的樣式和另一個(gè)，這里要用另一個(gè)，名稱一樣。 如何引入 在vue-cli里，引入文件有幾鐘方法 一種是用npm或者cnpm指令去下載對(duì)應(yīng)的插件，然后在main.js里用import方法引入，這里不討論這種方法 我比較喜歡采用的是直接下載對(duì)應(yīng)的js...

    testbird 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<