
[Vue] computed(계산된 속성) vs watch(감시자)
·
vue.js
들어가며최근 회사에서 신입 개발자로부터 computed와 watch의 차이점에 대한 질문을 받았습니다. 저는 순간 당황하며, "음... computed는 값을 반환하는 게 목적이고, watch는 실행하는 게 주 목적이야"라고 얼버무렸습니다. 질문을 받고 나니, "내가 정말 이 두 가지의 차이를 정확히 이해하고 있는 걸까?"라는 생각이 들었고, 이를 명확히 정리하고자 블로그 글을 쓰게 되었습니다. 1. computed와 watch란? computed: 계산된 속성 (Computed Properties)목적: 값을 반환.Vue 3에서 computed는 반응형 데이터를 기반으로 새로운 값을 계산하여 반환합니다.값은 캐싱되며, 종속된 데이터가 변경될 때만 다시 계산됩니다. 예제: Original: {{ c..