● 깊은 사용법

뷰에서 모든 데이터 속성은 값이 초기화되기 전까지 null 값을 가지고 있습니다. 이후 컴포넌트가 초기화되면 정의한 값이 할당됩니다. 다음과 같이 데이터 속성이 정의된 코드가 있을 때 데이터는 임시로 null 값을 가지고 있다가 초기화되면서 0이 할당됩니다.

<script>
export default {
  data() {
    return {
      num: 0,
    };
  }
}
</script>

그런데 watch 옵션 속성은 기본적으로 null에서 0이 할당되는 순간을 감지하지 못합니다. 이 값 외에도 배열이나 객체의 변경도 감지하지 못합니다. 그래서 다음 코드처럼 배열에 새로운 값을 추가하거나 객체의 속성을 변경해도 확인되지 않습니다.