Vue runtime 提示 Hydration completed but contains mismatches. 錯誤

一次在 Review Nuxt3 代碼時發現 Vue runtime 報了一個 Hydration completed but contains mismatches. 的錯誤（目前不影響程序運行）。

經過排查，是因為開發在寫 <table> 的時候沒有寫 <tbody>，直接寫了 <tr>，類似下面這樣

<template>
  <table>
    <tr></tr>
    <tr></tr>
  </table>
</template>

而來將 <tr> 用 <tbody> 包裹，錯誤消失。