Vuex商店在Nuxt中的位置

Question

试图了解Vuex / Nuxt，对nodejs来说也是新手。

鉴于nuxt是服务器端渲染应用程序，Vuex“驻留”在哪里。在标准的Vue中，Vuex是一个客户端商店。它在Nuxt中如何运作？它仍然是客户端商店，但只是首先在服务器上呈现？

如果它停留在服务器上，那么我只是想知道它如何处理每个用户数据 - 或者它是以某种方式共享的。谢谢。

Answer 1

SSR和补液：

客户端和服务器都保持状态。当客户端发出第一个加载初始页面的请求时，状态通常通过脚本中的html文档传递，如：

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

然后当应用程序js加载它必须拾取状态时，这个处理称为补液。从这一点来看，客户端将保持服务器状态同步。

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 ssr文档，它非常详细，它可以更好地解释所有内容的适用性：

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

  

我们将序列化并内联HTML中的状态。在我们安装应用程序之前，客户端商店可以直接获取内联状态。