2021년09월27일

Note

• JavaScript-Destructuring-assignment

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

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