Javascript 如何使用<；组件：is="&引用&燃气轮机；在vue 3脚本设置中

我用实验来创造一个学习环境。我有一个自制的导航栏，打开一个组件

我在使用

方法时遇到问题。下面的文档中描述了此方法

在Vue 3 Composition API中，它按预期工作：

从“vue”导入{ref}
从“./components/NavigationBar.vue”导入导航栏
从“./components/TemplateSyntax.vue”导入TemplateSyntax
从“./components/DataPropsAndMethods.vue”导入DataPropsAndMethods
导出默认值{
组成部分：{
导航栏，
模板语法，
DataPropsAndMethods
},
设置（）{
const tab=ref（'DataPropsAndMethods'）
函数更改选项卡（新选项卡）{
tab.value=newTab
}
返回{
变更表，
标签
}
}
}

---

我的脚本设置方法失败：

从“./components/NavigationBar.vue”导入导航栏
从“./components/TemplateSyntax.vue”导入TemplateSyntax
从“./components/DataPropsAndMethods.vue”导入DataPropsAndMethods
从“vue”导入{ref}
const tab=ref（'DataPropsAndMethods'）
函数更改选项卡（新选项卡）{
tab.value=newTab
}

您知道如何使用脚本设置方法解决此问题吗？

似乎在

中，

选项卡需要引用组件定义本身，而不是组件名称

要参考不需要反应性的部件定义，请在设置
选项卡值之前使用：


从“./components/DataPropsAndMethods.vue”导入DataPropsAndMethods
从“vue”导入{ref，markRaw}
const tab=ref（空）
更改选项卡（DataPropsAndMethods）
//newTab:组件定义（不是字符串）
函数更改选项卡（新选项卡）{
tab.value=markRaw（newTab）
}


如果需要将组件名称传递给
changeTab（）
，可以使用查找：


从“./components/DataPropsAndMethods.vue”导入DataPropsAndMethods
从“vue”导入{ref，markRaw}
const tab=ref（空）
changeTab（'DataPropsAndMethods'）
//新选项卡：组件名称（字符串）
函数更改选项卡（新选项卡）{
常量查找={
数据和方法，
/*…其他组件定义*/
}
tab.value=markRaw（查找[newTab]）
}


使用Vue CLI测试Vue
3.0.9
设置
5.0.0-alpha.8