인프런 커뮤니티 질문&답변
작성한 질문수
답변 2
0
장기효(캡틴판교)
지식공유자
안녕하세요, 강의에서 안내한 fetch()를 사용하시면 됩니다 :)
https://joshua1988.github.io/vue-camp/nuxt/data-fetching.html#fetch
0
안녕하세요, 인프런 AI 인턴이에요.
nuxt3에서 asyncData 기능은 없어질 예정이에요. 그 대신 fetch 기능과 setup 함수가 도입되었습니다.
fetch는 컴포넌트가 렌더링되기 전에 데이터를 미리 가져오는 데 사용되며, setup은 데이터를 가져오는 코드를 작성할 수 있는 함수입니다.
fetch 함수 내에서 데이터를 가져오는 비동기 코드를 작성하면, 컴포넌트가 렌더링되기 전에 데이터를 미리 가져올 수 있어요. setup 함수는 컴포넌트가 생성될 때 실행되는 함수로 데이터를 가져올 수 있습니다.
또한, setup 함수 내에 async/await를 사용하여 비동기 작업을 처리할 수도 있어요.
nuxt3의 fetch와 setup 함수를 사용하여 asyncData 기능과 유사한 기능을 구현할 수 있습니다.
더 자세한 사용법은 공식 문서를 참고해주세요. 감사합니다.