Comment résoudre les écueils rencontrés par VUE3+TS dans l'obtention des types de composants

VUE3+TS La méthode pour obtenir le type de composant est un piège

La méthode pour obtenir le type de composant

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

Les pièges rencontrés

le type de compte de connexion continue de signaler une erreur d'invite de ligne rouge

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

La cause de le problème

J'utilise le codage webstorm, créez un nouveau fichier vue en cliquant avec le bouton droit sur webstorm. Le fichier créé n'a pas de definitionComponent, donc la ligne rouge mentionnée ci-dessus est toujours signalée

<script lang="ts">
export default {

}
</script>

Solution

Référez-vous à definitionComponent

.

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

})
</script>

VUE3+TS pour obtenir l'instance de référence du composant

Utilisez vue3 et ts, afin d'obtenir l'instance de référence du composant, vous devez spécifier le type dans le type générique de la fonction ref.

Comment obtenir le type de composant ?

Documentation officielle de Vue Le support TypeScript nous a indiqué une méthode pour obtenir le type de composant, InstanceType

L'utilisation est la suivante :

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

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!