vuejs2 - 如何让手动添加的 Vue 组件出现在 Vue 开发工具中？

Question

我正在手动安装一个组件，就像文档说的那样： 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 浏览器（无单个文件组件）。