[Vue.js][기본 문법2] 7. Watchers

▶ watch()

하나 이상의 반응형 데이터를 감시하고,  감시하는 데이터가 변경되면 콜백 함수를 호출한다

watch 구조  첫번째 인자 (source)  watch가 감시하는 대상 (반응형 변수, 값을 반환하는 함수 등) 두번째 인자(callback function) source가 변경될 때 호출되는 콜백 함수  1. newValue  : 감시하는 대상이 변화된 값 2. oldValue (Optional) : 감시하는 대상의 기존 값

watch 기본 동작

watch 예시  감시하는 변수에 변화가 생겼을 때  연관 데이터 업데이트하기

여러 source를 감시하는 watch  배열을 활용한다