Vuex store 在 Nuxt 中的什么位置
Where does Vuex store reside in 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>
然后当应用程序 js 加载时它必须拾取状态,这个过程被称为再水化。从这一点开始,客户端将保持服务器状态同步。
Nuxt 细节:
Nuxt 文档中有趣的部分:
Nuxt Vuex 演示:
https://nuxtjs.org/examples/vuex-store
Vue SSR:
此外,请查看 vue ssr 文档,它非常详细,并且更好地解释了一切是如何适应的:
we will serialize and inline the state in the HTML. The client-side store can directly pick up the inlined state before we mount the app.
只是想了解一下 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>
然后当应用程序 js 加载时它必须拾取状态,这个过程被称为再水化。从这一点开始,客户端将保持服务器状态同步。
Nuxt 细节:
Nuxt 文档中有趣的部分:
Nuxt Vuex 演示:
https://nuxtjs.org/examples/vuex-store
Vue SSR:
此外,请查看 vue ssr 文档,它非常详细,并且更好地解释了一切是如何适应的:
we will serialize and inline the state in the HTML. The client-side store can directly pick up the inlined state before we mount the app.