成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

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

番茄西紅柿 / 3496人閱讀

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

第一步:安裝jQuery

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

npm/cnpm install jQuery

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

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

npm install

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

在文件指定位置添加代碼

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

位置如圖所示:

第三步:(必須操作),重啟一下服務(wù)器不然會報錯,重啟之后就好了

npm run dev

第四步:更改main.js文件

添加代碼

import $ from jquery

如圖所示: 

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

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

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

錯誤寫法:

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

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

轉(zhuǎn)載請注明本文地址:http://systransis.cn/yun/2074.html

相關(guān)文章

  • 從零開始教你用vue-cli一招引入jq和boostrap

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

    CrazyCodes 評論0 收藏0
  • 記錄:vue-cli手架引入彈出層layer插件

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

    Euphoria 評論0 收藏0
  • 記錄:vue-cli手架引入彈出層layer插件

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

    quietin 評論0 收藏0
  • 記錄:vue-cli手架引入彈出層layer插件

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

    testbird 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<