vue async await用法

在 Vue.js 中，可以使用 async/await 来处理异步操作，以更优雅地编写异步代码。下面是 async/await 的用法：

1. 在方法前面添加 `async` 关键字，表示该方法是一个异步函数。

async fetchData() {
  // 异步操作的代码
}

2. 在需要进行异步操作的地方，使用 `await` 关键字等待异步操作的结果。

async fetchData() {
  const response = await axios.get('/api/data');
  // 处理 response 数据
}

在上述代码中，我们使用 `await` 等待 axios 发起 GET 请求，并将返回的 Promise 对象解析为实际的响应数据。这样，在异步操作完成之前，程序会暂停执行，并等待异步操作的结果。

3. 使用 `try...catch` 捕获异步操作中的错误。

async fetchData() {
  try {
    const response = await axios.get('/api/data');
    // 处理 response 数据
  } catch (error) {
    // 处理错误
  }
}

在上述代码中，我们使用 `try...catch` 块来捕获可能出现的错误。如果异步操作中发生了错误，程序会跳转到 `catch` 块中进行错误处理。

注意事项：
- async/await 只能在支持 Promise 的环境中使用，所以在使用之前请确保你的项目已经引入了 Promise 的 polyfill 或者运行在支持 Promise 的浏览器中。
- 使用 async/await 时，异步操作必须返回一个 Promise 对象。例如，axios 发起的请求会返回一个 Promise 对象。
- 如果有多个异步操作需要并行执行，可以使用 Promise.all() 方法来等待多个异步操作的结果。

希望这个解答对你有帮助，让你更好地理解和使用 Vue.js 中的 async/await 语法。