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();
}

完美解决异步子组件~

猜你喜欢

转载自blog.csdn.net/qq_34661750/article/details/119729148