watch

• 특정 데이터의 변화를 감지하여 자동으로 특정 로직을 수행해준다

export default{ 
  watch: { 
    변수 이름 : 값
  }
}

사용 방법

1. watch 속성에 메서드 함수 연결
   : watch 대상 속성에 함수를 연결하는 대신 메서드 함수 연결 가능

data(){
  return { 
  	message: 'Hello'
  }
},
methods: { 
  logMessage(){ 
  	console.log(this.message)
  }
},
watch: { 
  'message' : 'logMessage'
  //이 변수가 변하면 logMessage함수를 실행한다 
  //유의1) 이미 정의된 변수여야 한다는 점 
}

2. 핸들러와 초기 실행 옵션
   : handler()와 immediate 속성 정의 가능
   : 값이 변경되면 handler 함수 실행
   : immediate는 컴포넌트 생성되자마자 즉시 실행

data(){ 
	return {
    	message: 'Hello'
    }
}, 
watch: { 
	'message': { 
     	handler(value, oldValue){ 
        	console.log(value)
     	}, 
        immediate: true
    }
}