javascript / beginner
Snippet
Berechnete Eigenschaften
Berechnete Eigenschaften sind Werte, die von anderen reaktiven Daten abgeleitet werden. Sie werden basierend auf ihren Abhängigkeiten zwischengespeichert und nur dann neu berechnet, wenn sich diese ändern.
snippet.js
1
2
3
4
5
6
7
8
import { ref, computed } from 'vue';const firstName = ref('John');const lastName = ref('Doe');const fullName = computed(() => {return firstName.value + ' ' + lastName.value;});
vue
Erklärung
1
import { computed } from 'vue';
Importiert die computed-Funktion, die zur Definition von abgeleitetem Status verwendet wird.
2
const fullName = computed(() => { ... });
Definiert einen schreibgeschützten reaktiven Wert, der Vor- und Nachnamen kombiniert.
3
return firstName.value + ' ' + lastName.value;
Die Logik, die den abgeleiteten Wert erzeugt. Sie verfolgt automatisch die verwendeten Refs.