So verwenden Sie Watch-Listener in Vue2 und Vue3

 Daten(){
     zurückkehren {
         Zahl: 10
     }
 },
 betrachten:{
      Zahl:{
	      /*
	       * newValue: aktueller Wert * oldValue: den letzten Wert ändern */
          handler(neuerWert,alterWert){
          	// tu etwas
          },
          /*
           * deep: Boolean: Tiefe Überwachung * true: Heap-Änderungen überwachen * false: nur Stack-Änderungen überwachen (Standard)
           */
          tief:wahr/falsch,
          /*
           * unmittelbar: Boolesch: Ob die Handlerfunktion ausgeführt werden soll, wenn sie zum ersten Mal definiert wird. * wahr: Führt die Handlerfunktion aus, wenn sie zum ersten Mal definiert wird. * falsch: Führt die Handlerfunktion nach der Änderung aus. */          
          sofort: wahr/falsch
      }      
  }

Konstante Nummer = Ref(0)
1. Importieren Sie import {watch} von 'vue'
2. Verwenden Sie `const return value = watch(zu überwachender Wert, (newVal,oldVal)=>{ }, {deep,immediate,flush})`
	 
	 Rückgabewert: Sie können die Überwachung abschalten: return value()
	 Parameter 1: Der zu überwachende Wert Basisdatentypen (Number, String, Boolean, null, undefiniert): () => Basisdatentypwert Komplexe Datentypen (Array, Object, Function): Direkt schreiben / () => Basisdatentypwert Parameter 2: Analogie zur Handlerfunktion in Vue2 Parameter 3: {} Objekt, das Objekt kann ein Konfigurationselement haben: deep, immediate, flush,
	 		Die Bedeutungen von „deep“ und „immediate“ wurden oben beschrieben. Hier erklären wir hauptsächlich die Werte von „flush“:
	 			 `flush:post/sync/pre
      				   pre (Standardwert): vor dem Rendern wird der Wert geändert und nicht in das DOM gerendert
      				   post: Nach dem Rendern ändert sich der Wert und wird auch im DOM gerendert
    				   sync: Einmal pro Änderung rendern, jedes Mal vor dem Rendern`