[Vue] Asynchronous API in TSX Component

[Vue] Asynchronous API in TSX Component

항상 비동기 통신은 발목을 잡는다.

이제 좀 됐다 싶으면 비동기가 '응~ 아니야' 하면서 괴롭힌다.

JSX/TSX Component에 관련해서는 다음 링크를 확인하자.

Vue.js 3의 setup()에는 명시적으로 async를 달 수 없다고 정리했으나,

공식문서를 보고 잘못됐음을 알 수 있었다.

잘못된 정보

하지만, setup에 달 수 없는 현상으로 보이는 것은 일리가 있다.

다른 방법으로 onMount안에 async/await을 사용할 수 있는 것을 왜 잊었을까?

문제는 JSX/TSX 파일 안에서 어찌할 줄을 모르고 한참을 헤맸다.

하고 보니까 너무 간단했다. 바보가 된 기분이다.

from http://jihogrammer.tistory.com/100 by ccl(A) rewrite - 2021-12-26 23:01:03