uxtry

Vue 3에서 computed는 의존하는 반응형 데이터가 변경될 때 자동으로 값을 다시 계산해 주는 계산 속성을 정의하는 데 사용됩니다. computed 속성은 주로 데이터 처리나 변형이 필요할 때 사용하며, 기존의 methods와는 달리, 캐싱된 값을 반환하여 성능 최적화에 유리합니다. 기본사용법Vue 3에서는 computed 속성을 setup 함수 안에서 정의할 수 있으며, 보통 ref나 reactive 데이터의 변화를 반영하기 위해 사용합니다.import { ref, computed } from 'vue';export default { setup() { const count = ref(1); // computed 속성 정의 const doubleCount = computed(() ..

Vue3의 반응형(Reactivity) 시스템은 컴포넌트 상태가 변경될 때마다 UI를 자동으로 업데이트하여, 동적인 사용자 인터페이스를 쉽게 구현할 수 있도록 돕습니다. 반응형 시스템의 기초는 ref, reactive, computed, 그리고 watch와같은 API를 사용하는 것입니다. 1.refref는 원시 데이터 타입(문자열, 숫자, 블리언 등)을 반응형으로 만드는데 사용합니다. ref를 사용하면 값이 바뀔 때 Vue가 자동으로 UI를 업데이트 합니다. ref로 정의된 변수의 값을 읽거나 쓸 때는 .value를 통해 접근합니다. 카운트: {{ count }} 증가 ★ Vue SFC Playground 코드 실행 →이 코드에서 count는 반응형 변수로 설정되었고 count..