Vue3中组件无法渲染成功 TypeError: Cannot read property ‘avatar‘ of undefined

Vue3中组件无法渲染 TypeError: Cannot read property ‘avatar’ of undefined

做项目的时候，通过props传值传了对象到子组件，结果调用的时候一直报错说找不到对象中的某个属性(undefined)，但是我通过devtools查看的时候却可以在子组件中查找到这个对象的所有完整属性，说明这个对象已经传到子组件了，对象是没有问题的。

报错情况如下：

找了很久发现是在template中，我在根组件里添加了是否要显示的判断

<div v-if="Object.keys(commentinfo).length != 0" class="comment-info">

但是括号的位置错了，一开始写成了如下的错误方式，所以导致了模版没办法渲染。

<div v<