VueJS 2:如何按顺序加载静态JS？

async mounted() {
  const jsFiles = [
    'static/js/file1.js',
    'static/js/file2.js',
    'static/js/file3.js'
  ];

  for (const file of jsFiles) {
    await this.loadScript(file);
  }
},

methods: {
  loadScript(file) {
    return new Promise((resolve, reject) => {
      const script = document.createElement('script');
      script.src = file;
      script.onload = resolve;
      script.onerror = reject;
      document.head.appendChild(script);
    });
  }
}

created() {
  const jsFiles = [
    'static/js/file1.js',
    'static/js/file2.js',
    'static/js/file3.js'
  ];

  jsFiles.reduce((promise, file) => {
    return promise.then(() => this.loadScript(file));
  }, Promise.resolve());
},

methods: {
  loadScript(file) {
    return new Promise((resolve, reject) => {
      const script = document.createElement('script');
      script.src = file;
      script.onload = resolve;
      script.onerror = reject;
      document.head.appendChild(script);
    });
  }
}