Vue如何在组件中远程加载一个js文件，然后调用里面的函数

Question

问题描述Vue如何在组件中远程加载一个js文件，然后调用里面的函数问题出现的环境背景及自己尝试过哪些方法远程加载一个地址为https://xxxx/xxx.js文件，文件中有一个 demoClass的类目前已经自己尝试过createElement的方法了相关代码const sdk = document.createElement('script') sdk.type = 'text/javascript'sdk.src = "https://xxxx/xxx.js"document.body.appendChild(sdk)const demo = new demoClass() // 'demoClass' is not defined你期待的结果是什么？实际看到的错误信息又是什么？

Answer 1

在创建的srript标签上监听 onload事件，标签加载成功并且执行后会触发回调：

const sdk = document.createElement('script')
sdk.type = 'text/javascript'sdk.src = "https://xxxx/xxx.js"sdk.onload = function() { const demo = new demoClass() // 'demoClass' 已经加载好  }document.body.appendChild(sdk)

Answer 2

假设你用的axios作为xhr插件

axios.get('https://xxxx/xxx.js').then(({data})=>{    eval(data);    let  demo = new demoClass();
})