더북(TheBook)

3.6.2 감시자 속성

감시자 속성(watch)도 옵션스 API에서 제공하는 속성 중 하나로, watch 옵션 속성으로 정의해 사용할 수 있습니다. watch 옵션 속성은 감시자 속성이라는 명칭에 걸맞게 데이터의 변경을 감시하고, 변경이 감지될 때마다 특정 동작을 수행할 수 있게 합니다.

 

기본 사용법

watch 옵션 속성은 데이터 속성과 같은 식별자를 사용하는 함수를 값으로 가집니다. 예를 들어, inputStr 데이터 속성을 감시하고 싶다면 watch 옵션 속성에도 inputStr() 함수를 정의해야 합니다.

다음 코드에서 watch 옵션 속성에 정의한 함수는 새로운 값(newValue)과 이전 값(oldValue)을 매개변수로 가집니다.

shallow/src/App.vue

<script>
export default {
  data() {
    return {
      inputStr: '',
    };
신간 소식 구독하기
뉴스레터에 가입하시고 이메일로 신간 소식을 받아 보세요.