watcher로 데이터 감시하기

watcher란?

• 데이터를 감시하는 함수
• input에 문자입력하면 경고문을 띄우고 싶다: watcher 사용
• ex) 숫자로 제대로 입력됐는지? 문자로 입력하지는 않았는지?

watcher 생성

ex)month라는 데이터를 감시할 경우 month라는 이름의 함수를 만든다.

형식

export default {
  	data(){
      return {
        감시할데이터: 1, //우리가 감시할 데이터
      }
    },
	watch: {
      감시할데이터(){
      	감시할데이터가 변할 때마다 실행할 코드
      },
    }
}

예시

 export default {
    data(){
      return {
        month: 1,
      }
    },
    watch: {
      month(){
		//month가 변할 때마다 실행할 코드
      }
    },
  }

감시할 데이터 값 갖고오기

• 작명1: 현재 데이터
• 작명2: 이전 데이터

watch: {
  month(작명1){ //파라미터 사용
    console.log(작명1); //month가 변경될 때마다 값을 갖고 옴
  }
},

또는

watch: {
  month(작명1, 작명2){ //파라미터 사용
    console.log(작명1); //month가 변경될 때마다 값을 갖고 옴
    console.log(작명2);
  }
},