javascript / beginner
Snippet
Prüfen primitiver Werttypen mit Typeof in Vue
Der JavaScript-Operator typeof gibt eine Zeichenkette zurück, die den primitiven Datentyp eines Operanden angibt (z. B. 'string', 'number', 'boolean'). In Vue-Anwendungen hilft typeof bei der Überprüfung reaktiver Eingaben, um Typumwandlungsfehler zu vermeiden.
snippet.js
javascript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<script setup>import { ref } from 'vue';const rawInput = ref('42');const typeFeedback = ref('');function inspectInputType() {const value = rawInput.value;if (typeof value === 'string') {typeFeedback.value = 'Input is currently stored as text (string).';} else {typeFeedback.value = 'Input is stored as another data type.';}}</script>
vue
Erklärung
1
const value = rawInput.value;
Liest den primitiven Wert aus dem reaktiven Vue-Ref aus.
2
if (typeof value === 'string') {
Überprüft mit typeof, ob der Datentyp des Operanden ein primitiver String ist.
3
typeFeedback.value = '...';
Aktualisiert die reaktive Rückmeldung basierend auf dem Ergebnis der Typprüfung.