vue3 ts 调用全局组件

如果你想在 Vue3 TypeScript 中调用全局组件，可以通过在 `components` 对象中注册组件来实现。

首先，在你的全局组件中，你需要使用 `app.component` 方法将组件注册到 Vue 的实例中，例如：

import { defineComponent } from 'vue';

export default defineComponent({
  name: 'MyGlobalComponent',
  // ... 组件的其它配置
});

// 注册全局组件
app.component('my-global-component', MyGlobalComponent);

然后，在你的组件中，你可以像这样直接使用该组件：

<template>
  <div>
    <my-global-component />
  </div>
</template>

这里假设你把组件命名为 `MyGlobalComponent`，并将其注册为 `my-global-component`。

同时，你还需要在你的组件中引入 `app` 对象，例如：

import { defineComponent, App } from 'vue';

export default defineComponent({
  name: 'MyComponent',
  // ... 组件的其它配置
});

// 在组件中使用全局组件
export default function useGlobalComponent(app: App) {
  app.component('my-global-component', MyGlobalComponent);
}

然后在你的组件中，你可以像这样使用 `useGlobalComponent` 函数：

import { defineComponent } from 'vue';
import useGlobalComponent from './useGlobalComponent';

export default defineComponent({
  name: 'MyComponent',
  // ... 组件的其它配置
  setup() {
    useGlobalComponent(app);
    // ... 继续你的逻辑
  },
});

这样，就可以在你的组件中使用全局组件了。