這篇文章主要介紹“vue中怎么引入jquery插件”的相關(guān)知識，小編通過實(shí)際案例向大家展示操作過程，操作方法簡單快捷，實(shí)用性強(qiáng)，希望這篇“vue中怎么引入jquery插件”文章能幫助大家解決問題。

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

前言

話不多說，有時(shí)候你還是真的需要在Vue中使用某些好用的jQuery插件，這時(shí)候?yàn)榱耸褂眠@個(gè)插件，犯不著全局引入jQuery，所以還要局部引入，怎么做呢？

以jcanvas舉例

jcanvas是基于jQuery的canvas繪圖工具，怎么局部引入它呢？

在vue中使用，道理上說import就完事，但是在jcanvas這就不行，因?yàn)閖canvas找不到全局的window.jQuery對象，所以使用的時(shí)候會報(bào)錯(cuò)。應(yīng)該怎么做？

import $ from "jquery";

import jcanvas from 'jcanvas'; // 以上兩行沒什么可說的

jcanvas（$, window）; // 關(guān)鍵是這一行

這時(shí)候就可以在mounted里直接使用了：

$（"canvas"）。drawArc（{

fillStyle: "black",

x: 100,

y: 100,

radius: 50,

}）;

為什么ion-rangeslider能import之后就完事？因?yàn)閕on-rangeslider會檢查局部作用域的jQuery變量是否存在，比jcanvas考慮的更全面。jcanvas只檢查window上是否有jQuery對象，沒有的話就無法給jQuery掛插件。

關(guān)于“vue中怎么引入jquery插件”的內(nèi)容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識，可以關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，小編每天都會為大家更新不同的知識點(diǎn)。