VUE引入第三方js包及調用方法講解
更新時間：2019年03月01日 16:23:10 作者：涳気
今天小編就為大家分享一篇關于VUE引入第三方js包及調用方法講解，小編覺得內容挺不錯的，現在分享給大家，具有很好的參考價值，需要的朋友一起跟隨小編來看看吧
VUE引入第三方js包及調用方法
1、首先是第三方js包存放的位置 一定要放在 static 目錄下否則引用不到
2、網上查找到的引用第三方包的四種方式 實測部分第三方js包沒法使用，較穩(wěn)定的方式是在 index.html 中引入js包
<script src="static/xxxxx.js"></script>
3、mounted 是初始化加載的方法 可以理解為jquery 中的頁面加載完的初始化方法 如果第三方包有初始化需要調用的一些函數等 需要寫在mounted 中
4、第三方js包如果有回調函數需要寫實現 也需要寫在 mounted 中讓其初始化出來 否則js包 回調不到 代碼如下
<script>
export default {
name: 'HelloWorld',
data () {
return {
msg: 'Welcome to Your Vue.js App'
}
},mounted () {
/* eslint-disable */
// 第三方js包 初始化方法
Init("divId");
// 初始化一個變量
var id_tmp ='';
// 回調函數
huidiaohanshu = function(id){
console.log(id);
if(id_tmp != ''){
console.log(id_tmp);
}
id_tmp = id;
}
},methods: {
aaa:function (){
// 點擊事件 可以直接調用引入的第三方包中的函數
}
}
}
</script>
總結
以上就是這篇文章的全部內容了，希望本文的內容對大家的學習或者工作具有一定的參考學習價值，謝謝大家對腳本之家的支持。如果你想了解更多相關內容請查看下面相關鏈接
相關文章
這篇文章主要介紹了Nuxt使用Vuex的方式,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2023-10-10
這篇文章主要介紹了使用vue-cli4.0快速搭建一個項目的方法步驟，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2019-12-12
Vue項目webpack打包部署到Tomcat刷新報404錯誤問題的解決方案
今天很郁悶，遇到這樣一個奇葩問題，使用webpack打包vue后，將打包好的文件，發(fā)布到Tomcat上，訪問成功，但是刷新后頁面報404錯誤，折騰半天才解決好，下面小編把Vue項目webpack打包部署到Tomcat刷新報404錯誤問題的解決方案分享給大家，需要的朋友一起看看吧2018-05-05
這篇文章主要介紹了vue中的按鈕綁定事件小案例,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2023-11-11
這篇文章主要介紹了在Vue.js中加載字體的正確方法,本文通過實例圖文相結合給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2021-04-04
這篇文章主要介紹了使用Vant如何完成各種Toast提示框，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-05-05
這篇文章主要介紹了vue增加強緩存和版本號的實現方法，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2019-05-05
這篇文章主要介紹了vue的token刷新處理的方法，小編覺得挺不錯的，現在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-07-07
element-plus日歷(Calendar)動態(tài)渲染以及避坑指南
這篇文章主要給大家介紹了關于element-plus日歷(Calendar)動態(tài)渲染以及避坑指南的相關資料,這是最近幫一個后端朋友處理一個前端問題,elementUI中calendar日歷組件內容進行自定義顯示,實現類似通知事項的日歷效果,需要的朋友可以參考下2023-08-08
這篇文章主要介紹了element-ui中按需引入的實現，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2019-12-12