Observer les propriétés du modèle à l'aide de Vue 3 et Typescript

Question

J'essaie de surveiller les propriétés de mon modèle Typescript et cela fonctionne mais donne un avertissement dans la console et je ne trouve pas comment le supprimer.

Voici mon modèle Typescript :

import { watch, ref, Ref, reactive } depuis 'vue'

exporter la classe par défaut Resa {
  identifiant public : numéro = 0
  public deferred_invoicing : Ref

  constructeur (propriétés ? : Objet) {
    watch(this.deferred_invoicing, (newValue, oldValue) => {
      console.log (nouvelle valeur)
    }
  }
}
La montre fonctionne bien, mais j'ai cet avertissement dans la console[Vue warn] : Source de surveillance invalide : false Une source de surveillance ne peut être qu'une fonction getter/effet, une référence, un objet réactif, ou un tableau de ces types.
Ai-je fait quelque chose de mal ? 
J'ai essayé d'utiliser la chaîne 'deferred_invoicing' au lieu de this.deferred_invoicing
            

Answer 1

Votre instance de classe est définie quelque part de sorte que la Reactive，使其deferred_invoicingpropriété ne puisse pas être référencée

Utilisation

watch(toRaw(this).deferred_invoicing, (newValue, oldValue) => {
      console.log(newValue)
    }