Nuxt中出现的奇怪问题记录

[Vue warn]: The client-side rendered virtual DOM tree is not matching server-rendered content. This is likely caused by incorrect HTML markup, for example nesting block-level elements inside <p>, or missing <tbody>. Bailing hydration and performing full client-side render.

今天发现突然报了这个错，按照错误描述看了代码，并没有错误中描述的html标签嵌套不规范的问题。

然后去网上搜了下，说还有可能是由于服务端数据和客户端数据不统一引起的，我看了下这里数据是页面初始化后，异步改变了vuex的值，然后vuex 对象结构发生改变，发现是这里问题。

在template中，直接渲染了vuex中的数据，而vuex中数据结构异步改变导致的，尚不清楚为什么会这样，修改方案如下：

渲染vuex值 vuex中，报错时定义 vuex中，不报错定义