顶层 await

2023年05月10日

柏拉文

越努力，越幸运

一、认识

---

<script setup></script> 中可以使用顶层 await。结果代码会被编译成 async setup(), 另外，await 的表达式会自动编译成在 await 之后保留当前组件实例上下文的格式。

二、语法

---

<template>
  <div>
  </div>
</template>

<script setup lang="ts">
function fun1 (){
  return new Promise((resolve)=>{
    setTimeout(()=>{
      resolve('fun1');
    },3000);
  });
}

const result = await fun1();
console.log(result);
</script>