vue怎么正確引入jquery

在Vue.js中使用jquery插件需要利用ProvidePlugin導(dǎo)入jquery全局庫(kù)。在build/webpack.dev.conf.js和build/webpack.prod.conf.js中配置即可。

創(chuàng)新互聯(lián)公司是創(chuàng)新、創(chuàng)意、研發(fā)型一體的綜合型網(wǎng)站建設(shè)公司，自成立以來(lái)公司不斷探索創(chuàng)新，始終堅(jiān)持為客戶(hù)提供滿意周到的服務(wù)，在本地打下了良好的口碑，在過(guò)去的十余年時(shí)間我們累計(jì)服務(wù)了上千家以及全國(guó)政企客戶(hù)，如高空作業(yè)車(chē)租賃等企業(yè)單位，完善的項(xiàng)目管理流程，嚴(yán)格把控項(xiàng)目進(jìn)度與質(zhì)量監(jiān)控加上過(guò)硬的技術(shù)實(shí)力獲得客戶(hù)的一致贊譽(yù)。

通常webpack已經(jīng)引入了完整的jquery版本，但還是建議再一次引入一下。您可以看到Vue的webpack模板已經(jīng)添加到組件的文件夾中。我通常會(huì)添加很多其他文件夾像自定義指令，mixin等等。在這個(gè)例子中，我們只添加了自定義指令。

vue-cli webpack全局引入jquery (1) 首先 npm install jquery --save (--save 的意思是將模塊安裝到項(xiàng)目目錄下，并在package文件的dependencies節(jié)點(diǎn)寫(xiě)入依賴(lài)。

vue中加jquery點(diǎn)擊事件

1、比如，事件委托。包括我看現(xiàn)在公司的前端代碼，發(fā)現(xiàn)所有列表的綁定形式都是： Click Me 然后這樣的話，結(jié)果就是所有的li元素都綁定了事件。

2、假設(shè)你要給一個(gè)input添加事件，并且只能在按下回車(chē)時(shí)觸發(fā)，可以這么寫(xiě)： 意思是當(dāng)按下enter鍵時(shí)，觸發(fā)evt方法。

3、jquery對(duì)動(dòng)態(tài)加載的li添加click事件，事件無(wú)法觸發(fā)時(shí)設(shè)置出現(xiàn)了問(wèn)題，解決方法為：新建html文件。創(chuàng)建輸入框和按鈕。預(yù)覽效果如圖。接下來(lái)需要引入jquery.js。設(shè)置輸入框 keydown 事件和click 事件。

4、：因?yàn)橐呀?jīng)安裝了vue腳手架，所以需要在webpack中全局引入jquery 打開(kāi)package.json文件，在里面加入這行代碼，jquery后面的是版本，根據(jù)你自己需求更改。

怎樣在Vue.js中使用jquery插件

1、把下面高亮部分添加到build/webpack.base.conf文件中。

2、：因?yàn)橐呀?jīng)安裝了vue腳手架，所以需要在webpack中全局引入jquery 打開(kāi)package.json文件，在里面加入這行代碼，jquery后面的是版本，根據(jù)你自己需求更改。

3、Vue.js列表渲染綁定jQuery插件的正確姿勢(shì) 使用v-for綁定列表時(shí)，有時(shí)候需要綁定如select2之類(lèi)的jQuery插件。需要在Vue根據(jù)數(shù)組內(nèi)容生成dom元素之后，去找到該dom元素，然后 $().xxx綁定jQuery插件。

4、使用事件修飾符就可以了，比你上面的代碼還要簡(jiǎn)單一些。假設(shè)你要給一個(gè)input添加事件，并且只能在按下回車(chē)時(shí)觸發(fā)，可以這么寫(xiě)： 意思是當(dāng)按下enter鍵時(shí)，觸發(fā)evt方法。

5、JQuery 和 VueJS 合理使用并不會(huì)造成沖突，因?yàn)樗麄兊膫?cè)重點(diǎn)不同，VueJS 側(cè)重?cái)?shù)據(jù)綁定和視圖組件，JQuery 側(cè)重異步請(qǐng)求和動(dòng)畫(huà)效果。

網(wǎng)頁(yè)標(biāo)題：jquery與vue混合 vuejs與jquery
本文鏈接：http://aaarwkj.com/article38/discgsp.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站維護(hù)、電子商務(wù)、ChatGPT、手機(jī)網(wǎng)站建設(shè)、建站公司、網(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)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)