主要还是渲染异步组件:
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();
}
完美解决异步子组件~