Skip to content
logo
Padosum Wiki
Github
On this page

2021년09월27일

수정하기
문서 생성 2021-09-27 22:08:59 최근 수정 2021-09-27 22:24:35
On this page

Note

Vue3

Suspense

  • API를 호출해서 데이터가 불러와질 때, 보통 로딩을 표시한다. Vue에서 분기 처리를 위해 v-if, v-else를 사용하는데 Vue3에서 Suspense가 추가되었다.
<template>
  <Suspense>
    <template #default>
      <router-view />
    </template>
    <template #fallback>
      <Loader />
    </template>
  </Suspense>
  <Footer />
</template>
  • #default 부분을 렌더링할 때, setup에 비동기 호출이 있다면 완료되기 전까지 #fallback 부분을 표시한다.

log

  • 머리가 너~~무 지저분해서 미용실 갔다.

LINKS TO THIS PAGE