typescript - Gibt es eine Möglichkeit, eine bestimmte Eigenschaft eines Objekts in vue 3 zu überwachen?

Hier zeigt das Dokument nur eine Möglichkeit, das gesamte reaktive Objekt zu beobachten, indem

const state = reactive({ 
  id: 1, 
  name: "",
});

watch(
  () => state,
  (state, prevState) => { // ...
  }
);

Was ist, wenn ich nur die Änderung des name beobachten möchte?

watch(state.name, (name, prevName) => {
    // for example: send a request to serve side for occupation validation
});

Der obige Code ist falsch.

Antwort #1

Sie können die Änderung eines einzelnen Attributs wie folgt beobachten:

const state = reactive({
  id: 1,
  name: ""
});

watch(
  () => state.name,
  (newName, prevName) => {
    /* ... */
  }
);

watch: {
    'state.name': function () {
         // updated...
    }
}

Hoffentlich würde es auf deiner Seite funktionieren.