小編給大家分享一下vue.js引入jquery的方法，希望大家閱讀完這篇文章后大所收獲，下面讓我們一起去探討吧！

專注于為中小企業(yè)提供成都網(wǎng)站設(shè)計(jì)、做網(wǎng)站服務(wù),電腦端+手機(jī)端+微信端的三站合一,更高效的管理,為中小企業(yè)英吉沙免費(fèi)做網(wǎng)站提供優(yōu)質(zhì)的服務(wù)。我們立足成都，凝聚了一批互聯(lián)網(wǎng)行業(yè)人才，有力地推動了數(shù)千家企業(yè)的穩(wěn)健成長，幫助中小企業(yè)通過網(wǎng)站建設(shè)實(shí)現(xiàn)規(guī)模擴(kuò)充和轉(zhuǎn)變。

vue.js引入jquery的方法：首先在【package.json】里的dependencies加入【jquery】，并在終端輸入相關(guān)代碼；然后在【module.exports】里輸入相關(guān)代碼；最后在終端輸入【npm run dev】。

vue.js引入jquery的方法：

1、首先在package.json里的dependencies加入”jquery” : “^3.2.1”，

2、在終端里輸入npm install jquery –save-dev  當(dāng)然用 淘寶鏡像 cnpm 也是可以的

注意：jquery 一定要小寫 不然會提示  Please use ‘jquery’ (all lowercase)

3、找到build文件夾下的webpack.base.conf.js文件，打開，添加：

  var webpack=require(‘webpack’)

在module.exports里輸入：

        plugins: [ 
           new webpack.ProvidePlugin({ 
                 $:”jquery”, 
                 jQuery:”jquery”, 
                “windows.jQuery”:”jquery”
        }) 
      ],

4、在入口文件main.js中輸入：

 import $ from ‘jquery’

5、在終端輸入npm run dev 就歐克了

6、驗(yàn)證方法 在APP.vue里進(jìn)行驗(yàn)證   看圖：

看完了這篇文章，相信你對vue.js引入jquery的方法有了一定的了解，想了解更多相關(guān)知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，感謝各位的閱讀！