如何“动态”添加 vue 开发工具要检测的 vue 组件？

如何解决如何“动态”添加 vue 开发工具要检测的 vue 组件？

我正在手动安装一个组件，就像文档说的： https://vuejs.org/v2/api/#vm-mount

var MyComponent = Vue.extend({
  template: '<div>Hello!</div>'
})

// or,render off-document and append afterwards:
var component = new MyComponent().$mount()
document.getElementById('app').appendChild(component.$el)

这有效，但 vue 开发工具未检测到组件（按设计：https://github.com/vuejs/vue-devtools/issues/1425）。有没有其他方法可以添加临时定义或导入的组件，以便在 vue 开发工具中显示它？

目的：我正在实现类似 ui 的对话框，其中每个对话框都是单独的组件，可以在任何“页面”随时显示。使用仅限于 vue 浏览器（无单文件组件）。

IT人