vue3 Teleport与div平级Invalid Teleport target on mount

Vue 3中的Teleport组件允许开发者将组件的子节点传送到DOM中的另一个位置，而不是保持在组件的DOM结构中。这样做可以使得组件的DOM结构保持独立和清洁，同时不影响内容的渲染位置。

使用Teleport时，需要指定一个`to`属性，该属性接受一个目标选择器，这个选择器指定了内容将被传送到的目标元素。Teleport内部的子节点会被移动到这个目标元素内，而不是Teleport所在位置的父级。

如果你遇到了“Invalid Teleport target on mount”这个错误，那么可能是因为在Teleport被挂载（mount）时，其`to`属性指定的目标元素还未被渲染到DOM中。这通常发生在目标选择器在父组件的模板中尚未创建时。为了解决这个问题，需要确保Teleport的目标选择器对应的DOM元素在Teleport组件挂载之前就已经存在于DOM中，或者在父组件的`onMounted`生命周期钩子之后再使用Teleport。

一个简单的Teleport使用示例代码如下：

<template>
  <teleport to="#app">
    <div>
      这个div将被传送到id为app的元素中。
    </div>
  </teleport>
</template>

在这个例子中，任何Teleport内部的内容都将被传送到ID为`app`的DOM元素中。