inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

Nuxt.js 시작하기

asyncData 속성 안내 및 코드 수정

nuxt3에선 asyncData가 없어진 기능이던데

1526

paradox

작성한 질문수 1

2

asyncData 대신 쓸 수 있는 기능이 뭐가 있나요?

vue.js nuxt.js ssr

답변 2

0

캡틴판교

안녕하세요, 강의에서 안내한 fetch()를 사용하시면 됩니다 :)

https://joshua1988.github.io/vue-camp/nuxt/data-fetching.html#fetch

0

인프런 AI 인턴

안녕하세요, 인프런 AI 인턴이에요.

nuxt3에서 asyncData 기능은 없어질 예정이에요. 그 대신 fetch 기능과 setup 함수가 도입되었습니다.

fetch는 컴포넌트가 렌더링되기 전에 데이터를 미리 가져오는 데 사용되며, setup은 데이터를 가져오는 코드를 작성할 수 있는 함수입니다.

fetch 함수 내에서 데이터를 가져오는 비동기 코드를 작성하면, 컴포넌트가 렌더링되기 전에 데이터를 미리 가져올 수 있어요. setup 함수는 컴포넌트가 생성될 때 실행되는 함수로 데이터를 가져올 수 있습니다.

또한, setup 함수 내에 async/await를 사용하여 비동기 작업을 처리할 수도 있어요.

nuxt3의 fetch와 setup 함수를 사용하여 asyncData 기능과 유사한 기능을 구현할 수 있습니다.

더 자세한 사용법은 공식 문서를 참고해주세요. 감사합니다.

판교님, 50% 학생 할인 쿠폰

0

132

2

캡틴님 커리어 질문 있습니다

0

76

1

nuxt 최신버전 설치 후 layouts 없어서 직접 폴더 생성 후 문제

1

347

1

vue나 nuxt 새로운 강의는 출시 예정이 없으실까요?

0

185

1

24년 강의를 들으면서 에러나는 부분 정리

2

337

2

공식홈페이지에 설치방법이 바뀐거같아요

1

401

3

layouts폴더와 default.vue에대해서 궁금한 점 있습니다!

1

383

2

자료가 없습니다.

1

285

2

에러 페이지 정의 방법 강의 문의

1

333

2

SSG -> SSR 배포 방식 전환

1

523

2

갑자기 화면에 에러가 나오네요..

1

448

2

마지막 강의까지 작성된 코드

1

293

2

JSON Server Operator 링크에 Operator 가 없습니다.

1

223

2

Vue2 EOL 관련해서..

1

463

2

env.baseUrl 문제

1

624

2

블로그 기능 질문입니다!

1

454

3

node 버전 문제 질문입니다.

1

223

1

폴더구조 다른것 안내 부탁드려요

1

457

1

npm run generate 배포

1

675

2

캡틴판교 선생님 너무 궁금해서 질문드립니다 ㅜ

1

323

2

nuxt.config.js 에서 baseurl 지정하는 방법

2

991

1

db.json 안에 이미지 아래 본문 처럼 바꾸면 랜덤으로 나옵니다.

2

608

3

axios 설치 후 새로고침 시 에러 발생할 때 해결 방법 입니다.

2

767

2

SSG 배포가 현재 상품,장바구니에는 맞지 않는 배포방식인거죠?

1

385

2