더북(TheBook)
</script>
<template>
  <h1>{{ arr }}</h1>
  <h1>{{ obj }}</h1>
  <button @click="arr.push(3)">배열 변경</button>
  <button @click="obj.age = 20">객체 변경</button>
</template>

코드를 실행하고 [배열 변경] 버튼을 누르면 배열에 3이 추가됩니다. 다시 [객체 변경] 버튼을 누르면 객체에 age 속성이 추가됩니다. 이처럼 watch 옵션 속성에 깊은 사용법을 적용하면 객체나 배열의 변화도 감시할 수 있습니다.

그림 3-45 깊은 사용법 사용 결과

신간 소식 구독하기
뉴스레터에 가입하시고 이메일로 신간 소식을 받아 보세요.