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

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

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

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

在vue項(xiàng)目中引入JQuery

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

修改package.json

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

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

導(dǎo)入依賴(lài)

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

修改 webpack.base.conf　

代碼如下 ，看圖修改；

var webpack = require("webpack")

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

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

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

這里我們?cè)趍ain.js里面進(jìn)行全局引入

import $ from 'jquery'

測(cè)試使用：

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

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

文章標(biāo)題：vue項(xiàng)目中能不能引jquery
地址分享：http://www.chinadenli.net/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)容（圖片、視頻和文字）以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話(huà)：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)