vue 多个函数按照顺序执行

在Vue.js中，如果你想要确保多个函数按照特定顺序执行，你可以使用`async/await`、Promise链或者是`setTimeout`配合。这里简单介绍几种常见的做法：

1. **Promise链（Sequential Promise Chain）**:
如果每个函数都会返回一个Promise，你可以将它们连接成一个链，通过`.then()`方法依次执行。

function func1() {
  return new Promise((resolve) => {
    // 函数1的处理...
    resolve();
  });
}

function func2() {
  return new Promise((resolve) => {
    // 函数2的处理...
    resolve();
  });
}

func1().then(func2).catch((error) => {
  console.error(error);
});

2. **Async/Await (Sequential Execution)**:
使用async/await可以让你的代码看起来更像同步，但实际上仍然是异步的。你需要确保每个函数前都有`async`关键字，并且每个函数内部都用`await`等待上一个任务完成。

async function executeInOrder() {
  await func1();
  await func2();
}

executeInOrder().catch((error) => {
  console.error(error);
});

3. **使用setTimeout (Callback Chain)**:
如果执行时间不是特别关键，你可以使用回调函数的方式，逐个设置延时。

function func1(callback) {
  setTimeout(() => {
    // 函数1的处理...
    callback();
  }, 0); // 设置立即执行
}

function func2(callback) {
  setTimeout(() => {
    // 函数2的处理...
    callback();
  }, 1000); // 设定第二个函数延迟1秒执行
}

func1(() => func2());