javascript / beginner
Snippet
Grundlegende Daten-Reaktivität mit ref
In der Composition API wird ref() verwendet, um eine Variable reaktiv zu machen. Um den Wert innerhalb des Skripts zu ändern oder zu lesen, müssen Sie die Eigenschaft .value verwenden.
snippet.js
1
2
3
4
5
6
7
8
9
<script setup>import { ref } from 'vue';const username = ref('Alex');const updateName = () => {username.value = 'Sam';};</script>
vue
Erklärung
1
ref('Alex')
Initialisiert einen reaktiven Zustand mit dem String 'Alex'.
2
username.value = 'Sam'
Aktualisiert den zugrunde liegenden Wert, was automatisch UI-Updates auslöst.