vue.js의 watch 사용법에 대한 심층적인 이해

이 글의 내용은 vue.js의 watch 사용법에 대한 심층적인 이해를 공유하기 위한 것입니다. 여기에는 특정 참조 값이 있습니다. 도움이 필요한 친구는 이를 참조할 수 있습니다.

watch:

Vue 인스턴스의 데이터 변경, 해당 개체,
key: 모니터링해야 하는 항목,

1 키가 변경될 때 실행되는 함수일 수 있습니다. 변경 전 값이고 두 번째는 변경 후 값입니다.

2. 함수 이름일 수 있으며 작은따옴표로 묶어야 합니다.
3. 객체일 수 있습니다. 이 객체에는 세 가지 옵션이 있습니다:
(1) 핸들러: 콜백 함수, 변경이 감지되었을 때 실행되어야 하는 함수입니다.
(2) deep: 부울 값, 심층적으로 모니터링할지 여부입니다. (일반적으로 모니터링 중에는 객체 속성값의 변화는 들을 수 없으나 배열의 변화는 들을 수 있습니다)
(3) Immediate: 핸들러 함수를 즉시 실행할지 여부를 나타내는 부울 값입니다.种watch의 세 가지 경우:

1. 일반 watch:

    el:'#app',
    data:{
        meter:1000,
        kilameter:1
    },
    watch:{
        meter:function(val){
            this.kilameter = val * 0.1;
        },
        kilameter:function(val){
            this.meter = val *1000;
        }
    }
})

E

2. 배열의 Watch:

    el:'#app',
    data:{
        arr:[1,2,3]
    },
    watch:{
        arr:function(oldV,newV){
            console.log(oldV);
            console.log(newV);      
        }
    }
})

3. Exploration

VueJs $watch() 메소드 요약! !

위 내용은 vue.js의 watch 사용법에 대한 심층적인 이해의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!