javascript / intermediate
Snippet
Schreibbare Computed Properties
Standardmäßig sind berechnete Eigenschaften nur lesbar (Getter). Man kann jedoch ein Objekt mit 'get' und 'set' übergeben, um eine schreibbare Eigenschaft zu erstellen, was nützlich für bidirektionale Datenbindung mit Logik ist.
snippet.js
1
2
3
4
5
6
7
8
9
10
11
12
13
import { ref, computed } from 'vue';const firstName = ref('Jane');const lastName = ref('Doe');const fullName = computed({get() {return `${firstName.value} ${lastName.value}`;},set(newValue) {[firstName.value, lastName.value] = newValue.split(' ');}});
vue
Erklärung
1
get() { ... }
Definiert, wie der Wert aus anderen reaktiven Quellen berechnet wird.
2
set(newValue) { ... }
Ermöglicht das Aktualisieren des zugrunde liegenden Status, wenn der Eigenschaft ein neuer Wert zugewiesen wird.