asyncData vs fetch 문의 드립니다.
답변 3
1
답변 감사합니다. 선생님.
답변 주신 내용은 강의에 있는 내용이라 그걸 들어도 이해가 안되서요...
혹시 제 질문 (1), (2), (3) 에 답변을 달아 주시면 제가 좀 더 잘 이해할 수 있을 거 같습니다만.
0
안녕하세요 혜정님, 1,2,3번에 대해 전반적으로 친절하게 설명한다고 했는데 이해가 잘 안되셨나 보네요..! 말씀해 주신 대로 답변 드릴게요.
0
자세한 답변 감사합니다.
0
asyncData는 return한걸 data 처럼 template에서 접근가능하다는 점도 fetch와 다르게 활용될 수 있지않을까 생각하고 있습니다!
개인적인 생각으로는 fetch는 vuex에 데이터를 셋팅하는 느낌, asyncData는 vuex와 관련없는 데이터를 셋팅하는 느낌이지 않을까요?
0
안녕하세요 혜정님, 좋은 질문 주셨네요 :) fetch와 asyncData의 가장 큰 차이점은 페이지의 진입을 허용/금지 한다는 측면인 것 같아요. asyncData는 페이지 진입 여부를 결정하는 데이터 호출 속성입니다. 반면에 fetch는 페이지 진입 여부에 크게 관계가 없습니다.
강의에서 안내드린 것처럼 뷰 라우터의 beforeEnter() 속성에서 next()를 호출하느냐의 차이 정도로 이해하시면 좋을 것 같아요(해당 부분은 Vue.js 완벽가이드에 안내되어 있습니다)
그리고 컴포넌트의 created() 속성에서 데이터를 호출했을 때의 페이지 로딩 UI와 페이지에 진입하기 전의 라우터 네비게이션 가드에 데이터를 설정하고 페이지에 진입하는 로딩 UI에 대한 차이점 또한 완벽 가이드에 안내되어 있으니 해당 부분 참고해 보시면 좋을 것 같습니다 :)
서버의 데이터를 받아온다는 측면에서는 두 속성 동일한 목적을 가지고 있고 위에서 말씀 드린 약간의 차이점과 API에서 제공되는 옵션들의 세부적인 차이가 있을 것 같아요. 더 자세한 내용은 아래 링크 참고해 보시면 좋을 것 같습니다 :)
https://stackoverflow.com/questions/49251437/difference-between-asyncdata-vs-fetch
판교님, 50% 학생 할인 쿠폰
0
147
2
캡틴님 커리어 질문 있습니다
0
82
1
nuxt 최신버전 설치 후 layouts 없어서 직접 폴더 생성 후 문제
1
357
1
vue나 nuxt 새로운 강의는 출시 예정이 없으실까요?
0
194
1
24년 강의를 들으면서 에러나는 부분 정리
2
347
2
공식홈페이지에 설치방법이 바뀐거같아요
1
410
3
layouts폴더와 default.vue에대해서 궁금한 점 있습니다!
1
385
2
자료가 없습니다.
1
287
2
에러 페이지 정의 방법 강의 문의
1
339
2
SSG -> SSR 배포 방식 전환
1
531
2
갑자기 화면에 에러가 나오네요..
1
452
2
마지막 강의까지 작성된 코드
1
297
2
JSON Server Operator 링크에 Operator 가 없습니다.
1
227
2
Vue2 EOL 관련해서..
1
464
2
env.baseUrl 문제
1
626
2
블로그 기능 질문입니다!
1
464
3
node 버전 문제 질문입니다.
1
227
1
폴더구조 다른것 안내 부탁드려요
1
459
1
npm run generate 배포
1
681
2
캡틴판교 선생님 너무 궁금해서 질문드립니다 ㅜ
1
331
2
nuxt.config.js 에서 baseurl 지정하는 방법
2
996
1
db.json 안에 이미지 아래 본문 처럼 바꾸면 랜덤으로 나옵니다.
2
614
3
axios 설치 후 새로고침 시 에러 발생할 때 해결 방법 입니다.
2
775
2
SSG 배포가 현재 상품,장바구니에는 맞지 않는 배포방식인거죠?
1
390
2