Devtools

在使用 defineOverlay 时会创建一个 Vue 子应用，这个应用区别与主应用，可在 Vue devtools 中查看与调试组件。

你也可以使用 useOverlayHolder 在组件内部创建弹出层，并继承应用的当前上下文。

html

devtools

生成根元素的 ID 与应用名称使用同一 ID，在创建组件时，会自动对 ID 进行 PascalCase 处理。

可以通过渲染选项，更改生成 ID 名称。

const callback = defineOverlay(OverlayComponent)
callback({}, {
  id: 'custom-overlay',
  // 关闭 ID 后续自增长
  autoIncrement: false
})

html

devtools

Devtools ​