computed와 watch는 반응형 데이터의 변경을 감지하고 적절한 처리를 수행할 때 유용합니다. 각각의 사용법을 설명하겠습니다. 📌computed (계산된 속성)computed는 종속된 반응형 데이터가 변경될 때 자동으로 재계산되는 속성입니다. 주로 값의 캐싱과 의존성 기반 자동 업데이트가 필요할 때 사용합니다. 가격 : {{ price }} 수량 : {{ quantity }} 총 가격 : {{ totalPrice }}    ✅ 출력 값  ✅ 특징종속된 반응형 값(price, quantity)이 변경될 때만 다시 계산 (캐싱 기능)computed 값은 함수처럼 호출하지 않고 속성처럼 접근(totalPrice.value)   📌watch (감시자)w..

📌옵셔널 API (Option API)옵셔널 API는 Vue 2에서 사용되던 기본 API 스타일로, 컴포넌트의 상태와 로직을 옵션 객체를 통해 정의합니다.예를 들어, data, methods, computed, watch 등의 옵션을 사용하여 컴포넌트를 정의합니다. {{ message }} button   ✅ 장점직관적이고 간단한 구조Vue 2와의 호환성작은 프로젝트에서 적합  ✅ 단점대규모 애플리케이션에서 로직 분리가 어려울 수 있음복잡한 컴포넌트에서 상태와 로직을 재사용하는 것이 불편   📌컴포지션 API (Composition API)컴포지션 API는 Vue 3에서 도입된 새로운 API 스타일로, 로직을 함수로 구성하고, 이를 setup() 함수 안에서 정의합니다. ref, react..