watch는 Vue.js에서 제공하는 데이터 감시 기능이다.
-
데이터 변화 감지
특정 데이터의 변경을 감시하고, 변경 시 정의된 함수를 실행[1][2] -
비동기 작업 처리:
API 호출이나 서버 통신과 같은 비동기 작업을 처리하는 데 유용[1][3] -
깊은 감시 가능:
deep 옵션을 사용하여 객체나 배열의 내부 변화까지 감지 가능[1][3] -
초기 실행 설정:
immediate 옵션을 true로 설정하면 페이지 로드 시 즉시 watch 함수를 실행 가능[3]
watch는 주로 다음과 같은 상황에서 사용
- 데이터 변경 시 특정 함수 호출
- 서버와의 통신
- 다른 데이터를 변경해야 하는 경우[2]
computed와 달리 watch는 부수 효과 처리를 위해 사용
비동기 작업이나 시간이 많이 소요되는 작업에 적합[3]
Citations:
[1] https://alswo471.tistory.com/entry/Vuejs-Watch
[2] https://powerku.tistory.com/229
[3] https://velog.io/@yeoonnii/Vue.js-watch-%EC%86%8D%EC%84%B1
[4] https://www.youtube.com/watch?v=aMfVABEHyQk
