[vue3] 데이터 감시 watch

<script>

export default {
	data() {
    	return {
         month : 0, 
        }
    },
    
    watch : {
     month(a) {
        // 사용자가 month데이터가 13보다 크면 경고문 띄우기
        if(a >= 13) alert('12 이하의 정수를 입력하세요.');
      }
    }
}

</script>

 

watch 데이터 감시, 함수식으로 작성

위 코드에서 a는 파라미터, 작명

두개의 파라미터 가능

예를 들어 a,b라 하면 a는 변경 전 데이터 b는 변경 후 데이터

month라는 코드가 변경될 때마다 변경(렌더링) -> 감시자의 역할

감시할 데이터() {} => 렌더링이 필요한 데이터 ..?