小編給大家分享一下vue項目中能不能引jquery，希望大家閱讀完這篇文章之后都有所收獲，下面讓我們一起去探討吧！

創(chuàng)新互聯(lián)建站是一家專注網(wǎng)站建設(shè)、網(wǎng)絡(luò)營銷策劃、小程序設(shè)計、電子商務(wù)建設(shè)、網(wǎng)絡(luò)推廣、移動互聯(lián)開發(fā)、研究、服務(wù)為一體的技術(shù)型公司。公司成立10余年以來，已經(jīng)為1000+成都小攪拌車各業(yè)的企業(yè)公司提供互聯(lián)網(wǎng)服務(wù)。現(xiàn)在，服務(wù)的1000+客戶與我們一路同行，見證我們的成長；未來，我們一起分享成功的喜悅。

vue項目中能引jquery，其引入方法是：1、修改package.json；2、在終端里輸入npm install，導(dǎo)入依賴；3、修改webpack.base.conf；4、在組件中引入jquery即可。

本文操作環(huán)境：windows7系統(tǒng)、jquery2.2.3版、DELL G3電腦

在vue項目中引入JQuery

用vue-cli腳手架工具構(gòu)建項目成功后 當(dāng)需要引入JQ，可用以下方法：

修改package.json

首先在package.json里的dependencies加入"jquery" : "^2.2.3"

當(dāng)然你可以修改你想引入的版本，這里引入2.2.3

導(dǎo)入依賴

在終端里輸入npm install，導(dǎo)入依賴。

修改 webpack.base.conf　

代碼如下 ，看圖修改；

var webpack = require("webpack")

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

在組件中引入jquery，進(jìn)行使用

我們想在哪個組件中使用jQuery庫，首先要使用如下命令引入jquery，然后就可以正常使用了

這里我們在main.js里面進(jìn)行全局引入

import $ from 'jquery'

測試使用：

先重新啟動應(yīng)用：npm run dev  刷新頁面

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

文章標(biāo)題：vue項目中能不能引jquery
地址分享：http://vcdvsql.cn/article14/pejcge.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供定制網(wǎng)站、關(guān)鍵詞優(yōu)化、企業(yè)網(wǎng)站制作、企業(yè)建站、網(wǎng)站制作、網(wǎng)站改版

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)