VUE引入第三方js包及調(diào)用方法講解
更新時間：2019年03月01日 16:23:10 作者：涳気
今天小編就為大家分享一篇關于VUE引入第三方js包及調(diào)用方法講解，小編覺得內(nèi)容挺不錯的，現(xiàn)在分享給大家，具有很好的參考價值，需要的朋友一起跟隨小編來看看吧
VUE引入第三方js包及調(diào)用方法
1、首先是第三方js包存放的位置 一定要放在 static 目錄下否則引用不到
2、網(wǎng)上查找到的引用第三方包的四種方式 實測部分第三方js包沒法使用，較穩(wěn)定的方式是在 index.html 中引入js包
<script src="static/xxxxx.js"></script>
3、mounted 是初始化加載的方法 可以理解為jquery 中的頁面加載完的初始化方法 如果第三方包有初始化需要調(diào)用的一些函數(shù)等 需要寫在mounted 中
4、第三方js包如果有回調(diào)函數(shù)需要寫實現(xiàn) 也需要寫在 mounted 中讓其初始化出來 否則js包 回調(diào)不到 代碼如下
<script>
export default {
name: 'HelloWorld',
data () {
return {
msg: 'Welcome to Your Vue.js App'
}
},mounted () {
/* eslint-disable */
// 第三方js包 初始化方法
Init("divId");
// 初始化一個變量
var id_tmp ='';
// 回調(diào)函數(shù)
huidiaohanshu = function(id){
console.log(id);
if(id_tmp != ''){
console.log(id_tmp);
}
id_tmp = id;
}
},methods: {
aaa:function (){
// 點擊事件 可以直接調(diào)用引入的第三方包中的函數(shù)
}
}
}
</script>
總結
以上就是這篇文章的全部內(nèi)容了，希望本文的內(nèi)容對大家的學習或者工作具有一定的參考學習價值，謝謝大家對腳本之家的支持。如果你想了解更多相關內(nèi)容請查看下面相關鏈接
相關文章
在項目中使用自定義字體可以提升頁面的視覺效果,并確保在不同設備上的一致性,文中通過代碼示例給出了具體的操作步驟,對大家的學習或工作有一定的幫助,需要的朋友可以參考下2024-06-06
這篇文章主要為大家詳細介紹了vue父子組件進行通信方式，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來幫助2022-02-02
這篇文章主要給大家介紹了vue3前端實現(xiàn)微信支付的詳細步驟,隨著移動端的普及和互聯(lián)網(wǎng)購買需求的增加,微信支付在電商領域中發(fā)揮著越來越重要的作用,文中給出了詳細的代碼示例,需要的朋友可以參考下2023-11-11
這篇文章主要介紹了vue+element-ui實現(xiàn)主題切換功能，本文通過示例代碼給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下2022-06-06
隨著前端技術的不斷發(fā)展,地圖應用在我們的項目中越來越常見,本文將介紹如何在Vue3項目中集成高德地圖,并通過簡單的配置實現(xiàn)地圖的平移和縮放功能,需要的朋友可以參考下2024-09-09
這篇文章主要介紹了如何理解Vue前后端數(shù)據(jù)交互與顯示，對Vue感興趣的同學，可以參考下2021-05-05
我們在使用element-ui的時候經(jīng)常會遇到需要修改組件默認樣式,下面這篇文章主要給大家介紹了關于element-ui中樣式覆蓋問題的相關資料,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下2023-03-03
這篇文章主要介紹了Vue中的前端crypto.js加解密問題，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-12-12
今天小編就為大家分享一篇vue設置導航欄、側邊欄為公共頁面的例子，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-11-11
這篇文章主要為大家詳細介紹了Vue實現(xiàn)開始時間和結束時間的范圍查詢，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-08-08