Nuxt:如何在重新渲染后执行外部脚本？

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

// plugins/external-script.js
export default (context, inject) => {
  const script = document.createElement('script');
  script.src = '外部脚本的URL';
  document.body.appendChild(script);
}

// nuxt.config.js
export default {
  plugins: [
    '~/plugins/external-script.js'
  ]
}

// components/ExternalScript.vue
export default {
  async mounted() {
    const script = document.createElement('script');
    script.src = '外部脚本的URL';
    document.body.appendChild(script);
    await new Promise(resolve => {
      script.onload = resolve;
    });
  }
}

// 页面中使用异步组件
<template>
  <external-script />
</template>

<script>
import ExternalScript from '~/components/ExternalScript.vue';

export default {
  components: {
    ExternalScript
  }
}
</script>