Vue 3에서 Ref와 Reactive의 차이점

Vue 3에서 Composition API를 사용할 때, 상태 변수를 처리하는 두 가지 방법이 있습니다. 랍 and 반응형 🕹️

랍은 막힘, 숫자, 문자열과 같은 원시 값의 상태 변수를 만들 때 사용합니다. 🧸

반응형은 객체 상태 변수를 만들 때 사용합니다. 📦

랍은 객체 안에 값이 들어있어서, 객체의 속성 이름을 .연산자로 접근해야 합니다. 반응형은 객체 속성을 직접 접근하여 사용할 수 있습니다. 🔑

반응형 변수는 'reactive'라는 키워드가 포함되어 있어 상태 변수임을 명확하게 알 수 있습니다.

💡