Vue Sespnese에 관하여...

 

Vue3에서 제공하는 기능인데 컴포넌트에서 비동기 요청 시 데이터가 다 받아와진후 화면을 보여지고 싶을때 Suspense 를 사용하여 감싸주면 데이터요청시 특정 컴포넌트 or 화면을 보여지게 할 수 있는듯 하다. (데이터 로딩화면 처럼)

 

참고주소

Vue 3의 새로운 기능 - Suspense

Vue 3의 새로운 기능 - Suspense

그러나 다른블로그에서는 다음과 같이 말 하기도 한다.

컴포넌트가 데이터를 받아오기 전까지 기본 컨텐츠를 표시할 수 있는 기능으로 2에서는 v-if, v-show를 사용해서 구현해야했다. 하지만 Suspense는 비동기적 컴포넌트의 로딩이 완료될 때까지 대체 컴포넌트를 그리는 방법을 제시한다. 하지만 아직 사용하는걸 권장하지 않는다고 한다. 이유로는 심험중인 요소로 개발중인 상태라서 그렇다고 하는데 2년전 글이라 현재는 어떨지 봐야겠다.

 

그리고 공식문서에도 아직 까지도 실험중인 상태라고 표시가 된다.