[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中，不报错定义
网友评论