Vuex 스토어는 Nuxt 어디에 있습니까?

Vuex 스토어는 Nuxt 어디에 있습니까?

Vuex / Nuxt에 대해 알아보려고 합니다.nodejs도 꽤 생소합니다.

nuxt가 서버 측 렌더링 앱인 경우 Vuex는 어디서 "reside"합니까?표준 Vue에서는 Vuex는 클라이언트 측 스토어입니다.Nuxt에서는 어떻게 작동합니까?아직 클라이언트 측 스토어인데 서버 상에서 먼저 렌더링만 하나요?

서버에 있는 경우는, 유저별의 데이터를 어떻게 처리하고 있는지, 아니면 공유되고 있는지 궁금할 뿐입니다.감사해요.

SSR 및 보충:

클라이언트와 서버 모두 상태를 유지합니다.클라이언트가 첫 번째 페이지 로드를 요청할 때 상태는 보통 스크립트 내의 html 문서를 통해 전달됩니다.다음은 예를 제시하겠습니다.

<script type="text/javascript" defer>window.__NUXT__={"data":[{"name":"server"}],"error":null,"serverRendered":true}</script>

그런 다음 응용 프로그램이 상태를 픽업해야 하는 경우 이 처리를 재하이드레이션이라고 합니다.이 시점부터 클라이언트는 서버 상태를 동기 상태로 유지합니다.

Nuxt 상세:

Nuxt 문서의 흥미로운 부분:

• https://nuxtjs.org/guide/async-data
• https://nuxtjs.org/guide/vuex-store

Nuxt Vuex 데모:

https://nuxtjs.org/examples/vuex-store

Vue SSR:

또한 vue sr 매뉴얼도 매우 상세하며 모든 것이 어떻게 적합한지 더 잘 설명합니다.

• https://ssr.vuejs.org/en/hydration.html
• https://ssr.vuejs.org/en/data.html

HTML에서 상태를 직렬화하고 인라인화합니다. 앱을 마운트하기 전에 클라이언트 측 스토어가 직접 인라인 상태를 픽업할 수 있습니다.

언급URL : https://stackoverflow.com/questions/49057772/where-does-vuex-store-reside-in-nuxt