Vuejs Error: The client-side rendered virtual DOM tree is not matching server-rendered

 事情是這樣的，最近在網頁上一直出現這種錯誤：

Vuejs Error: The client-side rendered virtual DOM tree is not matching server-rendered

只好來研究一下該如何解決，順帶一提，我是使用 Nuxt.js

錯誤訊息如下

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.

後來找一找發現我碰到的問題跟這個人很類似

https://stackoverflow.com/questions/47862591/vuejs-error-the-client-side-rendered-virtual-dom-tree-is-not-matching-server-re

For me this error happened cuz get Array list in AsyncData and rendered <tr> tags by v-for, i put v-for codes in <client-only> blocks and problem solved

我試著把 v-for 包進去 <client-only> 裡面也確實獲得解決，如果有更好的解法再麻煩告知了，這是我遇到問題以及解決的方法做個紀錄。