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

Question

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

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

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

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

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

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

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

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

Answer 1

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