是否可以获取 .vue 文件中定义的 ts 类型

[vaebe]

在组件a中定义了 Test 的ts类型
是否可以通过某种方式导出 Test 类型后让组件 b 使用

[edison1105]

当然可以。直接export就行。

[vaebe]

可以提供一个具体的例子吗，我尝试过导出

我得到了这个

但没有搞明白如何使用它

[edison1105]

可以给defineProps用。不知道你的场景是什么。

[vaebe]

可以给defineProps用。不知道你的场景是什么。

并不是给 defineProps 用

a 组件定义了一个 ts 类型，导出后，b组件在引入 a 组件时，可以使用 a组件导出的类型。

[Shyam-Chen]

<script lang="ts" setup>
const emit = defineEmits<{
  (evt: 'inc', val: number): void;
}>();

function increment() {
  emit('inc', 7);
}
</script>

<template>
  <button @click="increment">Increment</button>
</template>

<script lang="ts" setup>
import Control from '~/components/Control.vue';

// 這有沒有辦法直接使用原本定義在 `defineEmits` 的 Type
// 現在是可以這樣用，但有定義 `generic="T extends object"` 就無法了
const increment: InstanceType<typeof Control>['onInc'] = (val) => {
  console.log(val); // 7
};
</script>

<template>
  <Control @inc="increment" />
</template>

像 import type { ComponentEvents } from 'svelte'; 或 import type { ComponentProps } from 'react';

#8457

[vaebe]

这貌似并不能解决我的问题

谢谢！