vue 加载远程js

Vue加载远程的JavaScript文件可以使用动态添加script标签的方法实现。

首先，在Vue组件的生命周期钩子函数mounted中使用JavaScript动态创建一个script标签，并设置src属性为远程JavaScript文件的URL地址。

然后，将script标签添加到页面的head或body标签中，这样浏览器就会加载远程的JavaScript文件。

为了确保远程JavaScript文件被加载完成后再执行其他的操作，可以给script标签添加一个onload事件监听器，当远程文件加载完成时触发该事件。

以下是一个示例代码：

export default {
  mounted() {
    const script = document.createElement('script');
    script.src = 'https://example.com/remoteScript.js'; // 替换为你的远程JavaScript文件的URL地址

    script.onload = function() {
      // 远程脚本加载完成后执行的操作
      console.log('远程脚本加载完成');
    }

    document.head.appendChild(script);
  }
}

上述代码中，我们在Vue组件的mounted钩子函数中创建了一个script标签，并设置了src属性为远程JavaScript文件的URL地址。同时，我们也给script标签添加了一个onload事件监听器，当远程文件加载完成后，会执行加载完成的操作。

需要注意的是，为了防止出现跨域问题，确保远程JavaScript文件的服务器设置了正确的CORS（跨域资源共享）头部信息。同时，也要确保网络连接正常，能够正常访问远程JavaScript文件的URL地址。