Detaillierte Erklärung der grundlegenden Verwendung des VUE Watch Listener

<div id="app">
    <input type="text" v-model="Vorname" />
</div>
 <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
 <Skript>
var vm = neuer Vue({
    el:"#app",
    Daten:{
        Vorname:"张"
    },
    betrachten:{         
        Vorname: (neuerWert, alterWert) {
//Vorname ist der Name der Daten, die Sie überwachen möchten. Verwenden Sie den Funktionsnamen, den Sie überwachen möchten, z. B. die Überwachung des Vornamens des V-Modells                    
//newVal: gibt den Wert nach der Änderung an, also den ersten Parameter, Positionen nicht vertauschen //oldVal: gibt den Wert vor der Änderung an,
            console.log({newVal,oldVal}); // {newVal: "Nein", oldVal: "Nein"}
        }
        //Schreiben Sie direkt eine Überwachungsfunktion und führen Sie die Funktion jedes Mal aus, wenn sich der Wert „cityName“ ändert.
        //Sie können den Methodennamen auch im String-Format direkt nach den überwachten Daten hinzufügen: firstName: 'nameChange'
    },
    Methoden:{
        Namensänderung(){
         }
    }
})
 vm.firstName = "陈"; //Ändern Sie den überwachten Wert</script>

betrachten:
  Vorname: {
    handler(neuerName, alterName) {
      dieser.vollständigerName = neuerName + ' ' + dieser.nachname;
    },
    { sofort: wahr }
  }
}

<div id="app">
    <div>
        <p>Nummer: {{ myNumber }}</p>
        <p>Nummer: <input type="text" v-model.number="myNumber"></p>
    </div>
</div>
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<Skript>
neuer Vue({
    el: '#app',
    Daten: {
        meineNummer: 'Dawei'
    },
    betrachten:
        meineNummer: {
            handler(neuerWert, alterWert) {
                console.log('neuerWert', neuerWert);
                console.log('alterWert', alterWert);
            },
            //Wenn „immediate“ wahr ist, wird die Rückruffunktion sofort ausgelöst; wenn es falsch ist, wird der Rückruf nicht sofort ausgeführt, genau wie im obigen Beispiel.
            sofort: wahr
          }
      }
 })
</Skript>
//Die Handler-Methode ist die spezifische Methode, die Sie in Ihrer Uhr ausführen müssen

 <div id="Wurzel">
    <p>Objekt: {{Objekt}}</p>
    <p>Objekt.a: <Eingabetyp="text" v-Modell="Objekt.a"></p>
</div> 
 <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
 <Skript>
    neuer Vue({
        el: "#Wurzel",
        Daten: {
            Objekt: {
                 eine: 123
            }
        },
        betrachten:
            Objekt: {
            handler(neuerName, alterName) {
                console.log(neuerName, alterName);
            },
            sofort: wahr,
            tief:wahr
            }
        } 
})
</Skript>