最佳实践：Vue 3 中将组件附加到 DOM 的方法-PHP中文网问答

我想在我的Vue 3应用程序中动态创建一个组件，该组件在一个单文件组件（SFC）中，并将其附加到DOM中。我正在使用<script setup>风格的组件，这是另一个问题。

这似乎是不必要的困难。

以下大致是我想要做的事情：

获取一些数据。已经完成。
创建一个Vue组件的实例：Foo.vue。
将数据作为属性传递给它。
将它附加到我想要的位置。

问题是，我不能在模板中使用<component :is="Foo:>，因为在模板渲染之后很久之后，我不知道它将在哪里。

有没有最佳实践？有没有善心人士可以提供一个简单的例子，我会非常感激。

我有时无法理解Vue文档的一半时间。抱歉，不想这么说，但对于Vue的新手来说，它们相当晦涩，让我感到很愚蠢。

以下是一些假代码，说明我想要做的事情：

import Foo from "../components/Foo.vue"

function makeAFoo(p, data){
// 实例化我的Foo.vue（不确定如何在内联中实现），并将其传递所需的数据
let foo = new Foo(data); // 如果只有这么简单，对吧？
// 将其附加到p（这是一个HTML元素）
p.appendChild(foo)
}