javascript / beginner
Snippet
Reaktive Objekte mit reactive()
Während ref() für Einzelwerte verwendet wird, macht reactive() ein ganzes Objekt reaktiv. Man benötigt kein .value, um auf die Eigenschaften zuzugreifen.
snippet.js
javascript
1
2
3
4
5
6
7
8
9
10
import { reactive } from 'vue';const userProfile = reactive({name: 'Alex',level: 1});function updateName(newName) {userProfile.name = newName;}
vue
Erklärung
1
const userProfile = reactive({
Erstellt ein reaktives Zustandsobjekt, das Vue auf Änderungen überwacht.
2
userProfile.name = newName;
Aktualisiert die Eigenschaft direkt, ohne ein .value-Suffix zu benötigen.