Vue 3 - 함수 매개변수로 사용할 때 구성요소 및 소품의 유형 지정

Question

Vue 3에서는 구성 요소의 인스턴스와 전달할 속성을 허용하는 함수를 만들고 있습니다. 또한 TypeScript를 사용하고 있는데 이러한 매개변수를 입력할 수 있는지 궁금합니다. 예를 들어 함수는 다음과 같습니다.

으아악

제 질문은:

1. 구성 요소 인스턴스 유형을 지정하는 방법은 무엇입니까? 이들은 항상 동일한 구성요소는 아니지만 적어도 유사한 목적을 수행하는 구성요소입니다.
2. prop 유형을 지정하고 첫 번째 매개변수(구성 요소)의 prop으로 제한할 수 있는 방법이 있나요?

Answer 1

Vue에서 typescript와 Component 类型来实现正确的键入，创建一个扩展 Component 的通用类型，然后推断组件选项/props 使用 infer에서 제공하는 많은 기능을 사용할 수 있으며 Partial을 사용하면 이러한 기능을 선택 사항으로 만들 수 있습니다.

으아악

참고: 이는 속성 및 구성 요소 인스턴스 유틸리티도 추론합니다