js调用方法的三种写法
VUE引⼊第三⽅js包及调⽤⽅法讲解
今天⼩编就为⼤家分享⼀篇关于VUE引⼊第三⽅js包及调⽤⽅法讲解，⼩编觉得内容挺不错的，现在分享给⼤家，具有很好的参考价值，需要的朋友⼀起跟随⼩编来看看吧
VUE引⼊第三⽅js包及调⽤⽅法
1、⾸先是第三⽅js包存放的位置⼀定要放在 static ⽬录下否则引⽤不到
2、⽹上查到的引⽤第三⽅包的四种⽅式实测部分第三⽅js包没法使⽤，较稳定的⽅式是在 index.html 中引⼊js包
1<script src="static/xxxxx.js"></script>
3、mounted 是初始化加载的⽅法可以理解为jquery 中的页⾯加载完的初始化⽅法如果第三⽅包有初始化需要调⽤的⼀些函数等需要写在mounted 中
4、第三⽅js包如果有回调函数需要写实现也需要写在 mounted  中让其初始化出来否则js包回调不到代码如下
1
2
3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28<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>
总结
以上就是这篇⽂章的全部内容了，希望本⽂的内容对⼤家的学习或者⼯作具有⼀定的参考学习价值

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。