Vue 3 と Typescript を使用してモデルのプロパティを観察する

Question

Typescript モデルのプロパティを監視しようとしていますが、機能しますが、コンソールに警告が表示され、削除する方法が見つかりません。

これは私の Typescript モデルです:

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

デフォルト クラス Resa をエクスポート {
  パブリック ID: 番号 = 0
  public deferred_invoicing: Ref<Boolean> = ref(false)

  コンストラクター(プロパティ?: オブジェクト) {
    watch(this.deferred_invoicing, (newValue, oldValue) => {
      console.log(newValue)
    }
  }
}

ウォッチは正常に動作していますが、コンソールに次の警告が表示されます<コード>[Vue warn]: 無効なウォッチ ソース: false ウォッチ ソースは、ゲッター/エフェクト関数、ref、リアクティブ オブジェクトのみにすることができます。またはこれらの型の配列。

何か悪いことをしましたか?

this.deferred_invoicing

の代わりに文字列 'deferred_invoicing' を使用してみました。

Answer 1

クラス インスタンスがどこかで Reactive に設定されているため、その deferred_invoicing 属性が参照不能になっています

＃＃＃使用＃＃＃ リーリー