动态组件在 Vue 3 中无法按预期工作

Question

我需要根据api调用的结果动态显示一个成功或失败的组件，这是我的例子:
SCRIPT

const loader = ref(true);
const resultPage = ref("");
this.getResult()
.then((response : boolean) => {
response ? resultPage.value = 'success' : resultPage.value = 'fail';
})
.finally(() => {
loader.value = false
})

模板

<component
v-if="!loader"
:is="resultPage"
:key="resultPage"
/>

我在项目中创建的组件是Success。value和Fail。vue(使用组合API(.
我只是导入它们:

import Fail from "./result/Fail.vue";
import Success from "./result/Success.vue";

myref的值resultPage表示"成功"或"失败"。
我注意到，如果导入组件正常工作，情况如下:

<success v-if="!loader" />

我错过什么了吗?

Answer 1

好了，过了一会儿，我决定重新阅读文档，我发现这个小段落，我没有读第一次:_)
注册是不需要的，如果你传递组件本身，而不是它的名字，例如在