<button @click="arr.push(3)">배열 변경</button>
<button @click="obj.age = 20">객체 변경</button>
</template>
초깃값이 변경되거나 같은 값으로 변경되는 것도 watch 옵션 속성으로 감시해야 한다면 깊은 사용법을 적용해야 합니다. 깊은 사용법의 형식은 다음과 같습니다.
형식
watch: {
// 감시할 데이터나 계산된 속성
dataOrComputed: {
// 변경이 감지될 때 실행할 콜백 함수
handler(newVal, oldVal) {
// 변경이 감지될 때 수행할 동작
},
// 감시할 데이터나 계산된 속성이 변경될 때마다 콜백 함수를 호출할지 여부(기본값: false)
deep: false,
// 초기 렌더링 시 콜백 함수를 호출할지 여부(기본값: false)
immediate: false,
},
},