- 异步请求组件
- Suspense是Vue3推出的一个内置特殊组件
- 如果使用suspense，要返回一个Promise
- AsyncShow.vue
<template>
<h1>{{result}}</h1>
</template>
<script lang="ts">
import { defineComponent } from 'vue'
export default defineComponent({
setup() {
return new Promise((resolve) => {
setTimeout(() => {
return resolve({
result: 42
})
}, 3000)
})
}
})
</script>
如图所示：当asyncshow组件加载的过程会显示，loading...
