Suspense組件用于在等待某個(gè)異步組件解析時(shí)顯示后備內(nèi)容。
你可能會(huì)想我們會(huì)在什么時(shí)候使用異步組件聋丝？
老實(shí)說(shuō)索烹，超出你的想象。每當(dāng)我們希望組件等待數(shù)據(jù)獲取時(shí)（通常在異步API調(diào)用中）弱睦，我們都可以使用Vue3 Composition API制作異步組件百姓。
以下是異步組件有用的一些實(shí)例：
- 在頁(yè)面加載之前顯示加載動(dòng)畫(huà)
- 顯示占位符內(nèi)容
- 處理延遲加載的圖像
以前，在Vue2中况木，我們必須使用條件（例如 v-if 或 v-else）來(lái)檢查我們的數(shù)據(jù)是否已加載并顯示后備內(nèi)容垒拢。
但是現(xiàn)在，Suspense隨Vue3內(nèi)置了火惊，因此我們不必?fù)?dān)心跟蹤何時(shí)加載數(shù)據(jù)并呈現(xiàn)相應(yīng)的內(nèi)容求类。
組件
image.png
image.png
效果圖
image.png
3秒之后顯示
image.png
