vue中document.write异步加载外部脚本的写法

在Vue中，由于Vue的异步加载特性，直接使用`document.write`来加载外部脚本可能会导致问题。相反，你可以使用动态创建`script`标签的方式来加载外部脚本。

以下是一个示例代码，展示了如何在Vue中使用动态创建`script`标签来异步加载外部脚本：

export default {
  mounted() {
    const script = document.createElement('script');
    script.src = '外部脚本的URL';

    // 在脚本加载完成后执行的回调函数
    script.onload = () => {
      // 外部脚本加载完成后的逻辑
      console.log('外部脚本加载完成');
    };

    document.head.appendChild(script);
  },
};

在这个示例中，我们在`mounted`钩子函数中创建了一个新的`script`标签，并将外部脚本的URL赋值给它的`src`属性。然后，我们可以通过给`onload`属性设置一个回调函数来监听脚本的加载完成事件。在回调函数中，你可以执行任何你希望在脚本加载完成后执行的逻辑。

请注意，这种方式是一种比较常见的异步加载外部脚本的方式，适用于大多数情况。但在某些特殊情况下，可能需要更复杂的处理方式。