[Vue warn]: Hydration children mismatch on 
<div class=​"list" data-v-inspector=​"pages/​index.vue:​3:​9">​…​</div>​ 
Server rendered element contains more child nodes than client vdom. 

nuxt3 项目 出现这个报错

心累，不想解释了，直接说怎么回事儿吧
服务端获取数据用的 useFetch，在请求数据的时候没有用 async/await 语法糖，直接用的链式调用
.then((data)=>{
// 数据绑定逻辑
})
绑定数据用的 v-for 渲染的列表
就会出现这个警告了

解决方法：
服务端渲染数据的时候不用 .then 链式调用，使用 async/await 语法糖，警告就消失了
加载过后 客户端再请求数据用 $fetch 请求就行了，后续就没啥影响了

另一篇博文有解释，能理解的看看理解一下，不能理解的就照着用就可以了
Nuxt3 [Vue warn]: Hydration node mismatch:【解决方案】