📍 watch, watchEffect 차이
- watch : 특정 데이터 변경시 실행되며 새로운 데이터와 이전 데이터가 필요
- watchEffect : 의존성이 있는 데이터에 대해서 즉시 처리 (실시간으로 상태 변경됨)
📌 watch
- 원하는 값의 속성을 확인하고 싶거나 이전 값을 확인하고 싶을 때 사용
- 함수, 하나 이상의 반응 속성을 감시
- 종속성이 변경될 때만 실행
// Triggers whenever `user` is updated.
watch(user, () => doSomething({ user: user.value, profile: profile.value }))📌 watchEffect
- watch의 단순화 버젼
- 함수만을 값으로 가지며 종속성이 변경될때 즉시 동작
- 이전 값과는 무관하게 사용
- 함수 내에 여러 값들을 관찰하거나 특정 값이 업데이트가 될때 반응
// Triggers whenever `user` *or* `profile` is updated.
watchEffect(() => doSomething({ user: user.value, profile: profile.value }))