引用的外部组件dialog与<div v-for>的数据同级造成div的数据渲染不出来？ 求详解

#vue3项目 引用外部组件
#从后端请求数据 在当前页面定义默认值接收到，页面不渲染；

前提setup()中定义初始值rootdata: []

此时rootData可以正常拿到数据，但是页面不渲染;
当前div渲染不出来数据

不理解为什么，页面上{{rootData}}可以展示出数据的，

#尝试过后发现，当前不渲染的div与引用的外部组件在同一个层级；页面不渲染；

当把外部组件dialog拿出div的同一层级之后 页面div可以正常渲染；

外部组件的源码是这种结构。

虽然有了解决办法，但是完全不理解为什么，有懂的同学吗 求详解！

你有直接用rootData[0]的地方？

如果默认初始值定义成rootData:[null]; 是可以渲染出来的，但是由于异步请求，可能会造成页面渲染时Cannot read property 'XXX' of null，所以还是想知道为什么外部组件拿出来之后就可以正常渲染呢