应该识别页面上所有的 app 实例

[theniceangel]

回到之前提的 issue，#324

不管是同步创建的 app，还是异步创建的 app，只要是同一个 html 上的 app，都应该被记录，从目前的实现来看，只会记录第一个app1，后续通过 createApp 生成的第二个 app2 是不会被记录的，

那考虑一种情况，我把 app1 unmount 了，就会导致插件的 components 那个视图是空的，

还有一种场景，比如我的页面的确只存在一个 主 app，但是我在 create 这个 app 的过程中，里面某个子组件的指令里面通过 createApp 创建出来了 app2，由于 app2 比主 app 先创建，然后被你的插件先记录，就导致了插件的 components 视图只有 app2，没有 app，但是子组件如果销毁了，又导致插件的 components 那个视图是空的，在这个过程中主 app 永远没被你的插件记录

[theniceangel]

这种情况不会发生在 Chrome 的 VueDevtools 插件里面

[webfansplz]

https://devtools-next.vuejs.org/guide/features#multiple-apps-support 看一下这个是否是你想要的

[Azurewarth0920]

不管是同步创建的 app，还是异步创建的 app，只要是同一个 html 上的 app，都应该被记录，从目前的实现来看，只会记录第一个app1，后续通过 createApp 生成的第二个 app2 是不会被记录的，

异步创建的 App 也是可以被 devtools 记录的，这个视频应该可以解答你的疑问。

Screen.Recording.2024-04-11.at.12.21.34.mov

[Azurewarth0920]

但是 instance unmount 的时候的好像没有处理，我写个 PR 修一下。

[theniceangel]

@Azurewarth0920 你可以用我 #324 提供的 zip 文件测一测，当你切换 app1/app2 的时候，再点击 components tab 是有 bug 的，

每次切换 app 的时候，它的 components tree 取的有问题

CC: @webfansplz

[theniceangel]

Thx.