javascript / beginner
Snippet
Computed Properties für abgeleiteten Zustand
Computed Properties sind Funktionen, die einen Wert aus anderen reaktiven Quellen ableiten. Sie werden basierend auf ihren Abhängigkeiten zwischengespeichert und nur neu berechnet, wenn sich eine ihrer Quellen (wie firstName) ändert, was sie effizienter als normale Methoden macht.
snippet.js
1
2
3
4
5
6
7
8
import { ref, computed } from 'vue';const firstName = ref('Jane');const lastName = ref('Doe');const fullName = computed(() => {return `${firstName.value} ${lastName.value}`;});
vue
Erklärung
1
import { computed } from 'vue';
Importiert die computed-Funktion zur Erstellung von abgeleitetem reaktivem Zustand.
2
const fullName = computed(() => ...);
Definiert einen Wert, der sich automatisch aktualisiert, wenn sich seine Abhängigkeiten ändern.
3
return `${firstName.value} ...`;
Die Logik, die die beiden Namen zu einem einzigen String kombiniert.