怎么在VUE中调用第三方js包

  介绍

怎么在VUE中调用第三方js包吗?很多新手对此不是很清楚,为了帮助大家解决这个难题,下面小编将为大家详细讲解,有这方面需求的人可以来学习下,希望你能有所收获。

<强> VUE引入第三方js包及调用方法

1,首先是第三方js包存放的位置,一定要放在,static 目录下否则引用不到

2,网上查找到的引用第三方包的四种方式,实测部分第三方js包没法使用,较稳定的方式是在index.html 中引入js包,,,,

& lt; script  src=https://www.yisu.com/zixun/"静态/xxxxx.js ">

3, mounted 是初始化加载的方法,可以理解为jquery 中的页面加载完的初始化方法如果第三方包有初始化需要调用的一些函数等,需要写在mounted 中,,

4,第三方js包如果有回调函数需要写实现,也需要写在,mounted 中让其初始化出来,否则js包,回调不到,代码如下

& lt; script>,,   export 才能;default  {   ,,,的名字:,& # 39;helloworld # 39;   ,,,data  (), {   ,,,,,return  {   ,,,,,,,味精:,& # 39;Welcome 用Your  Vue.js 应用# 39;   ,,,,,}   ,,,},mounted  (), {   ,,,,,/*,eslint-disable  */,,,,,//,第三方js包,初始化方法   ,,,,,Init (“divId");   ,,,,,//,初始化一个变量   ,,,,,var  id_tmp =& # 39; & # 39;;   ,,,,,//,回调函数,   ,,,,,huidiaohanshu =,函数(id) {   ,,,,,,,console.log (id);   ,,,,,,,如果(id_tmp  !=, & # 39; & # 39;) {   ,,,,,,,,,console.log (id_tmp);   ,,,,,,,}   ,,,,,,,id_tmp =, id;   ,,,,,},,,,,,,,,,,,   ,,,},方法:,{   ,,,,,aaa: function  () {   ,,,,,,,//,点击事件,可以直接调用引入的第三方包中的函数   ,,,,,}   ,,,}   ,,},   & lt;/script>

看完上述内容是否对您有帮助呢?如果还想对相关知识有进一步的了解或阅读更多相关文章,请关注行业资讯频道,感谢您对的支持。

怎么在VUE中调用第三方js包