在 vue.js 中，await 和 async 用于处理异步请求和事件。await 可暂停异步函数执行，直到 promise 解析，方便同步编写异步代码。async 用于将函数标记为异步，使其返回一个 promise，在函数执行完成后解析。两者结合使用时，可用于从 api 获取数据、监听用户输入事件以及处理动画和过渡。最佳时机是在需要等待结果的操作中，如从 api 获取数据；不应在不需要等待结果的操作中使用，如进行计算。
Vue 中的 await 和 async
在 Vue.js 中，await 和 async 是用于处理异步请求和事件的强大工具。
await
await 关键字用于暂停异步函数的执行，直到其内部的 Promise 被解析。它允许你以同步的方式编写异步代码，从而使代码更易于阅读和理解。
立即学习“前端免费学习笔记（深入）”；
<code class="javascript">async function fetchData() {
const response = await fetch('/api/data');
const data = await response.json();
return data;
}</code>在上面的示例中，await fetch() 会暂停 fetchData 函数的执行，直到 API 请求完成并返回一个 Promise。然后，await response.json() 会再次暂停执行，直到 Promise 被解决并返回一个 JSON 对象。
async
async 关键字用于将函数标记为异步。它允许函数返回一个 Promise，该 Promise 在函数执行完成后被解析。
mallcloud商城基于SpringBoot2.x、SpringCloud和SpringCloudAlibaba并采用前后端分离vue的企业级微服务敏捷开发系统架构。并引入组件化的思想实现高内聚低耦合，项目代码简洁注释丰富上手容易，适合学习和企业中使用。真正实现了基于RBAC、jwt和oauth2的无状态统一权限认证的解决方案，面向互联网设计同时适合B端和C端用户，支持CI/CD多环境部署，并提
<code class="javascript">const fetchDataAsync = async () => {
const response = await fetch('/api/data');
const data = await response.json();
};</code>在上面的示例中，fetchDataAsync 函数被标记为异步，它返回一个 Promise，该 Promise 在请求完成后被解决。
用法
await 和 async 通常一起使用，以处理异步操作。它们可以用于各种场景，包括：
- 从 API 获取数据
- 监听用户输入事件
- 处理动画和过渡
何时使用
使用 await 和 async 的最佳时机是在处理需要等待结果的操作时。例如，如果你要从 API 获取数据，则可以使用它们来暂停执行，直到数据可用为止。
何时不使用
不要在不需要等待结果的操作中使用 await 和 async。例如，如果你只是执行一些不涉及异步操作的计算，则不应使用它们。
