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> 包裹，错误消失。