Vue3中setup前写async页面不显示

主要还是渲染异步组件：

1.父组件中引用defineAsyncComponent

import { defineAsyncComponent } from 'vue'

  components: {
    AsyncComponent: defineAsyncComponent(() =>
      import('./components/AsyncComponent.vue')
    )
  }
})

加载状态将由<Suspense>控制，组件自身的加载、错误、延迟和超时选项将被忽略。

<template>
	<Suspense> 
		<AsyncComponent/>
	</Suspense> 
<template>

2.子组件中使用async

async setup(){
	let list = await getNewsList();
}

完美解决异步子组件~