[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.
今天發(fā)現(xiàn)突然報(bào)了這個(gè)錯(cuò)，按照錯(cuò)誤描述看了代碼或悲，并沒(méi)有錯(cuò)誤中描述的html標(biāo)簽嵌套不規(guī)范的問(wèn)題今阳。
然后去網(wǎng)上搜了下，說(shuō)還有可能是由于服務(wù)端數(shù)據(jù)和客戶(hù)端數(shù)據(jù)不統(tǒng)一引起的望浩，我看了下這里數(shù)據(jù)是頁(yè)面初始化后，異步改變了vuex的值惰说，然后vuex 對(duì)象結(jié)構(gòu)發(fā)生改變磨德，發(fā)現(xiàn)是這里問(wèn)題。
在template中吆视，直接渲染了vuex中的數(shù)據(jù)典挑，而vuex中數(shù)據(jù)結(jié)構(gòu)異步改變導(dǎo)致的，尚不清楚為什么會(huì)這樣啦吧，修改方案如下：
渲染vuex值
vuex中您觉，報(bào)錯(cuò)時(shí)定義
vuex中，不報(bào)錯(cuò)定義
