vue3 resolvecomponent

作者：刀剑傲天发布日期:2026-01-21 浏览:121

// 使用 resolveComponent 解析组件

<template>
  <div>
    <component :is="resolvedComponent"></component>
  </div>
</template>

<script>
import { defineComponent, resolveComponent } from 'vue';

export default defineComponent({
  name: 'MyComponent',
  setup() {
    // 动态解析组件
    const resolvedComponent = resolveComponent('MyDynamicComponent');

    return {
      resolvedComponent,
    };
  },
});
</script>

<!-- 解释说明：
resolveComponent 是 Vue 3 中的一个函数，用于动态解析组件。它可以在运行时根据组件名称获取组件的定义。
在上面的例子中，我们使用 resolveComponent 来解析一个名为 'MyDynamicComponent' 的组件，并将其赋值给 resolvedComponent 变量。
然后在模板中通过 <component :is="resolvedComponent"> 动态渲染该组件。
这种方式特别适用于需要动态加载或延迟加载组件的场景。 -->

上一篇：vue pinia用法

下一篇：props vue