Hallo! Wie funktioniert die Watch-Funktion in Vue.js und welche Funktion hat sie?
Uhr ist sehr einfach zu bedienen. Mit der Überwachungsfunktion können Sie die erforderlichen Aufgaben ausführen, indem Sie die Änderung einiger Informationen (Status) in der Vue-Komponente überwachen. Ich werde es unten anhand eines einfachen Beispiels erklären:
Schauen wir uns ein einfaches Beispiel an. In diesem Beispiel überwachen wir den in ein Eingabeelement eingegebenen Wert und protokollieren jedes Mal, wenn sich der Wert ändert, in der Konsole:
<template>
<div>
<input v-model="name" placeholder="Ismingizni kiriting">
<p>Ismingiz: {{ name }}</p>
</div>
</template>
<script setup>
import { ref, watch } from 'vue'
// name o'zgaruvchisini e'lon qilamiz
const name = ref('')
// name o'zgaruvchisini kuzatamiz
watch(name, (newValue, oldValue) => {
console.log(`Ism o'zgardi: ${oldValue} dan ${newValue} ga`)
})
</script>
const name = ref('')
watch(name, (newValue, oldValue) => {
console.log(`Ism o'zgardi: ${oldValue} dan ${newValue} ga`)
})
watch-Funktion können Sie jede reaktive Variable (einschließlich Referenz-, reaktive oder berechnete Variablen) beobachten. Mit dieser Methode können Sie eine bestimmte Aktion ausführen, wenn sich die Daten in der Komponente ändern.
Sie können uns in den Netzwerken folgen und wenn der Artikel nützlich ist, teilen Sie ihn mit Ihren Freunden in Kommentaren und Vuechi. ?
Das obige ist der detaillierte Inhalt vonWelche Funktion hat „watch' in Vue.js und wie funktioniert es?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
![[Web-Frontend] Node.js-Schnellstart](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
