vue await 异步方法

在Vue中，可以使用async/await结合Promise来处理异步方法。下面是一个示例：

export default {
  created() {
    this.getData();
  },
  methods: {
    async getData() {
      try {
        const response = await this.fetchData();
        console.log(response);
      } catch (error) {
        console.error(error);
      }
    },
    fetchData() {
      return new Promise((resolve, reject) => {
        // 异步操作，比如发送请求
        setTimeout(() => {
          resolve('Data fetched successfully!');
        }, 2000);
      });
    }
  }
}

在上面的示例中，`getData`方法使用了async关键字，表示它是一个异步方法。在该方法内部，使用await等待`fetchData`方法的结果。`fetchData`方法返回一个Promise对象，并模拟了一个异步操作，在2秒后通过resolve返回了一个成功的结果。

当`await this.fetchData()`执行时，它会等待`fetchData`方法返回的Promise对象状态变为resolved，并将resolved的值赋给`response`变量。

如果异步操作成功，可以通过`response`变量访问到成功的结果。如果异步操作失败，错误将被捕获并打印在控制台上。

这样，你就可以使用async/await结合Promise来处理Vue中的异步方法。希望这个示例对你有所帮助！如果你还有其他问题，请随时提问。