vue3.0中如何在setup中使⽤asyncawait vue3.0 中如何在setup中使⽤async await
第⼀种⽅法使⽤suspense 包裹你的组件感觉不太好
<template>
<suspense>
<router-view></router-view>
</suspense>
</template>
export default {
async setup() {
// 在 `setup` 内部使⽤ `await` 需要⾮常⼩⼼
// 因为⼤多数组合式 API 函数只会在
/
/ 第⼀个 `await` 之前⼯作
const data = await loadData()
// 它隐性地包裹在⼀个 Promise 内
// 因为函数是 `async` 的
return {
// ...
}
}
}
第⼆种⽅法使⽤⽣命周期钩⼦
setup() {
const users = ref([]);
onBeforeMount(async () => {
const res = ("picode/users");
users.value = res.data;
console.log(res);
});
return {
users,
await和async使用方法};
},

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。