Vue 3 및 Typescript를 사용하여 모델 속성 관찰

Question

<p>Typescript 모델 속성을 모니터링하려고 하는데 작동하지만 콘솔에 경고가 표시되고 제거 방법을 찾을 수 없습니다. </p> <p>내 Typescript 모델은 다음과 같습니다.</p> <pre class="brush:php;toolbar:false;">'vue'에서 { watch, ref, Ref, 반응성 } 가져오기 기본 클래스 Resa 내보내기 { 공개 ID: 숫자 = 0 공개 deferred_invoicing: Ref = ref(false) constructor(properties?: 객체) { watch(this.deferred_invoicing, (newValue, oldValue) => { console.log(새값) } } }</pre> <p>시계는 잘 작동하지만 콘솔에 다음 경고가 표시됩니다<코드>[Vue 경고]: 잘못된 시계 소스: false 시계 소스는 getter/효과 함수, 참조, 반응 객체만 ​​될 수 있습니다. 또는 이러한 유형의 배열입니다.</code></p> <p>내가 뭔가 잘못한 걸까요? </p> <p><code>this.deferred_invoicing</code></p> 대신 <code>'deferred_invoicing'</code> 문자열을 사용해 보았습니다.

Answer 1

클래스 인스턴스가 Reactive，使其deferred_invoicing속성을 참조할 수 없도록 어딘가에 설정되어 있습니다

사용

으아악