watch(2)
-
[VUE] Composition API - watch, watchEffect
Composition API에서 watch와 watchEffect는 반응형 데이터를 감시할 때 사용되지만, 작동 방식과 사용 목적에 차이가 있습니다. 📌watch (명시적인 감시 대상)watch는 특정 반응형 변수를 감시하여 값이 변경될 때만 실행됩니다. count : {{ count }} count 증가 ✅ 출력 값 ✅ button 클릭 후 출력 값 ✅ button 클릭 후 콘솔 ✅ 특징count를 명시적으로 감시값이 변경될 때만 콜백 실행기본적으로 처음 한 번 실행되지 않음 📌watchEffect (자동 감지)watchEffect는 내부에서 사용된 반응형 데이터를 자동으로 감지하여 실행됩니다. count : {{ coun..
2025.03.26 -
[VUE] Composition API - computed, watch
computed와 watch는 반응형 데이터의 변경을 감지하고 적절한 처리를 수행할 때 유용합니다. 각각의 사용법을 설명하겠습니다. 📌computed (계산된 속성)computed는 종속된 반응형 데이터가 변경될 때 자동으로 재계산되는 속성입니다. 주로 값의 캐싱과 의존성 기반 자동 업데이트가 필요할 때 사용합니다. 가격 : {{ price }} 수량 : {{ quantity }} 총 가격 : {{ totalPrice }} ✅ 출력 값 ✅ 특징종속된 반응형 값(price, quantity)이 변경될 때만 다시 계산 (캐싱 기능)computed 값은 함수처럼 호출하지 않고 속성처럼 접근(totalPrice.value) 📌watch (감시자)w..
2025.03.26