javascript / beginner
Snippet
Reaktive Variablen mit ref()
In der Vue Composition API wird die Funktion ref() verwendet, um reaktive Variablen zu erstellen. Wenn sich der Wert eines Ref ändert, aktualisiert Vue automatisch die Teile der Benutzeroberfläche, die davon abhängen.
snippet.js
1
2
3
4
5
6
7
import { ref } from 'vue';const count = ref(0);function increment() {count.value++;}
vue
Erklärung
1
import { ref } from 'vue';
Importiert die ref-Funktion aus der Vue-Bibliothek, um Reaktivität zu ermöglichen.
2
const count = ref(0);
Erstellt eine reaktive Referenz mit einem Startwert von 0.
3
count.value++;
Erhöht die Eigenschaft 'value'. In JavaScript muss .value verwendet werden, um auf den Wert zuzugreifen.