>  기사  >  웹 프론트엔드  >  Vue에서 객체를 모니터링하는 방법 및 객체(코드)의 속성을 모니터링하는 방법 소개

Vue에서 객체를 모니터링하는 방법 및 객체(코드)의 속성을 모니터링하는 방법 소개

不言
不言원래의
2018-08-20 14:10:073063검색

이 글의 내용은 Vue 모니터링 방법과 개체의 속성을 모니터링하는 방법에 대한 소개(코드)입니다. 도움이 필요한 친구들이 참고할 수 있기를 바랍니다. 당신에게 도움이 됩니다.

전체 객체를 모니터링하려면 watch를 사용하세요

export default {
    data() {
        return {
            a: {
                b: 1,
                c: 2
            }
        }
    },
    watch() {
        a: {
            handler(newVal, oldVal) {
                console.log('监听a整个对象的变化');
            },
            deep: true
        }
    }
}

객체의 특정 속성의 변경 사항을 모니터링하려면 계산된

export default {
    data() {
        return {
            a: {
                b: 1,
                c: 2
            }
        }
    },
    watch() {
        bChange() {
            console.log('监听a对象中b属性的变化');
        }
    },
    computed: {
        bChange() {
            return this.a.b;
        }
    }
}

와 함께 watch를 사용해야 합니다. 관련 권장 사항:

기본 JavaScript 객체의 속성 및 메서드 소개 예제_기본 지식

Vue 데이터 모니터링 방법 watch_vue.js 사용

Vue.js를 사용하여 모니터링 속성 변경 구현

위 내용은 Vue에서 객체를 모니터링하는 방법 및 객체(코드)의 속성을 모니터링하는 방법 소개의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.