구성 요소 유형을 얻을 때 VUE3+TS가 직면하는 함정을 해결하는 방법

VUE3+TS 컴포넌트 유형을 가져오는 방법은 함정

컴포넌트 유형을 가져오는 방법

const AccountRef = ref<InstanceType<typeof LoginAccount>>()

발생한 함정

로그인 계정 유형이 계속 빨간색 선 프롬프트 오류를 ​​보고합니다

LoginAction: () => vo...' provides no match for the signature 'new (...args: any): any'.

원인 문제점

웹스톰 코딩을 사용하고 있는데, 웹스톰 우클릭으로 새로운 vue 파일을 생성합니다. 생성된 파일에는 DefineComponent가 없어서 위에서 언급한 빨간줄이 항상 출력됩니다

<script lang="ts">
export default {

}
</script>

Solution

defineComponent를 참고하세요

<script lang="ts">
import { defineComponent } from &#39;vue&#39;
export default defineComponent({//注意这里的这个小括号不能漏

})
</script>

VUE3+TS를 사용하여 컴포넌트 참조 인스턴스를 가져옵니다

vue3 및 ts를 사용하여 컴포넌트 참조 인스턴스를 얻으려면 ref 함수의 일반 유형에 유형을 지정해야 합니다.

구성요소 유형을 확인하는 방법은 무엇인가요?

Vue 공식 문서 TypeScript 지원에서는 구성 요소 유형인 InstanceType<구성 요소 이름 유형>을 가져오는 방법을 알려주었습니다.

사용법은 다음과 같습니다.

const $userForm = ref<InstanceType<typeof userForm>>();

위 내용은 구성 요소 유형을 얻을 때 VUE3+TS가 직면하는 함정을 해결하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!