#11. Vue_watch

watch 사용법

watch는 특정 데이터가 변경될 때마다 실행되는 코드를 적을 수 있습니다. 즉 감시자 역할을 합니다. 사용 법은 간단합니다.

 data(){
        return {
            month : 1,
        }
    },
    watch :{
        month(a){
           // month가 변경될 때 실행할 코드 
           } 
        }
    },

watch안에 month()는 month데이터를 감시하고 그안에 month가 변할 때마다 실행하고 싶은 코드를 적어주면 됩니다. 참고로 파라미터는 아무거나 작명해서 사용해도 상관 없고 그파라미터는 month가 변경될 값을 의미합니다. 참고로 두개까지 작명이 가능한데 첫번째는 변경될 값, 둘째는 변경전 값을 의미합니다. 예를 들어 13이상 입력을 방지하고 싶을때 아래와 같습니다.

data(){
        return {
            month : 1,
        }
    },
    watch :{
        month(a){
           if(a > 12){
              alert('13이상 입력하지 마세용')
           } 
        }
    },