這篇文章主要介紹“vue中怎么引入jquery插件”的相關知識，小編通過實際案例向大家展示操作過程，操作方法簡單快捷，實用性強，希望這篇“vue中怎么引入jquery插件”文章能幫助大家解決問題。
前言
話不多說，有時候你還是真的需要在Vue中使用某些好用的jQuery插件，這時候為了使用這個插件，犯不著全局引入jQuery，所以還要局部引入，怎么做呢？
以jcanvas舉例
jcanvas是基于jQuery的canvas繪圖工具，怎么局部引入它呢？
在vue中使用，道理上說import就完事，但是在jcanvas這就不行，因為jcanvas找不到全局的window.jQuery對象，所以使用的時候會報錯。應該怎么做？
import $ from "jquery";
import jcanvas from 'jcanvas'; // 以上兩行沒什么可說的
jcanvas（$, window）; // 關鍵是這一行
這時候就可以在mounted里直接使用了：
$（"canvas"）。drawArc（{
fillStyle: "black",
x: 100,
y: 100,
radius: 50,
}）;
為什么ion-rangeslider能import之后就完事？因為ion-rangeslider會檢查局部作用域的jQuery變量是否存在，比jcanvas考慮的更全面。jcanvas只檢查window上是否有jQuery對象，沒有的話就無法給jQuery掛插件。
關于“vue中怎么引入jquery插件”的內容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業相關的知識，可以關注億速云行業資訊頻道，小編每天都會為大家更新不同的知識點。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
