구성 요소 유형을 얻을 때 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 지원에서는 구성 요소 유형인 InstanceType999a3062b1ed4c7e42714dfdfe3a5a82을 가져오는 방법을 알려주었습니다.

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

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

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