Texonom
Texonom
/
Application
Application
/Network Science/ICT/Computer Network/Internet/WWW/Web Service/Web App/Web App Framework/
Vue
Vue
/Vue Tool/Vue Framework/
Nuxt js
Nuxt js
/Nuxt Page/
Nuxt asyncdata()
Search

Nuxt asyncdata()

Creator
Creator
Seonglae Cho
Created
Created
2021 Feb 25 13:50
Editor
Editor
Seonglae Cho
Edited
Edited
2021 Apr 13 5:46
Refs
Refs
 
 
nuxtjs.org
컴포넌트는 asyncData 메소드가 없으므로 컴포넌트 내에서 비동기 데이터 서버 측을 직접 가져올 수 없습니다. 이 제한을 피하기 위해 두 가지 기본 옵션이 있습니다: mounted 훅에서 API 호출을 만들고 로드되면 데이터 속성을 설정하십시오. 단점 : 서버 쪽 렌더링에 사용할 수 없습니다. 페이지 컴포넌트의 asyncData 또는 fetch 메소드에서 API 호출을 호출하고 데이터를 하위 컴포넌트에 전달합니다.
nuxtjs.org
https://ko.nuxtjs.org/faq/async-data-components/
비동기 데이터
여러분은 때로는 store를 사용하지 않고 서버사이드에서 데이터를 가져오고 렌더링하고 싶을 수 있습니다. 이 때 pages 컴포넌트를 로딩하기 전에 매번 호출되는 asyncData를 사용하면 됩니다. 이 메소드는 는 (Nuxt 애플리케이션의 최초 로드 시) 서버 사이드에서 한 번 호출되고, 이후 라우트 이동 시 클라이언트 사이드에서 호출됩니다.
비동기 데이터
https://ko.nuxtjs.org/guide/async-data/
비동기 데이터
 
 
 

Recommendations

Texonom
Texonom
/
Application
Application
/Network Science/ICT/Computer Network/Internet/WWW/Web Service/Web App/Web App Framework/
Vue
Vue
/Vue Tool/Vue Framework/
Nuxt js
Nuxt js
/Nuxt Page/
Nuxt asyncdata()
Copyright Seonglae Cho