So lösen Sie die Fallstricke, auf die VUE3+TS beim Abrufen von Komponententypen stößt

VUE3+TS Die Methode zum Abrufen des Komponententyps ist eine Falle.

Die Methode zum Abrufen des Komponententyps.

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

Die aufgetretenen Fallstricke Das Problem

Ich verwende Webstorm-Codierung. Erstellen Sie eine neue Vue-Datei, indem Sie mit der rechten Maustaste auf Webstorm klicken. Die erstellte Datei verfügt nicht über defineComponent, daher wird die oben erwähnte rote Linie immer gemeldet

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

Lösung

Siehe defineComponent

<script lang="ts">
export default {

}
</script>

VUE3+TS zum Abrufen der Komponentenreferenzinstanz

Verwenden Sie vue3 und ts. Um die Komponentenreferenzinstanz zu erhalten, müssen Sie den Typ im generischen Typ der Referenzfunktion angeben.

Wie erhalte ich den Typ der Komponente?

Die offizielle Dokumentation von Vue, der TypeScript-Support, hat uns eine Methode zum Abrufen des Komponententyps mitgeteilt: InstanceType

Die Verwendung lautet wie folgt:

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

})
</script>

Das obige ist der detaillierte Inhalt vonSo lösen Sie die Fallstricke, auf die VUE3+TS beim Abrufen von Komponententypen stößt. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!