computed 속성이란?

computed 속성은 Vue 컴포넌트의 반응형 시스템의 중요한 부분이다.

 

computed 속성을 이용하면 의존하는 데이터가 변경될 때 다시 계산하여 보여주는 것이 가능하다.

 

심지어 계산된 결과를 캐싱해준다. 그래서 의존하는 데이터가 변경되지 않는 한, 여러 번 그 페이지에 접속하여도 계산하는 함수를 다시 실행하지 않고 이전에 계산된 결과를 반환한다..

 

이게 Vue의 라이프사이클 훅이 아닌 이유는 특정 시점에서 자동으로 실행되는 것이 아니라 의존하는 데이터가 변경될 때만 자동으로 재계산되는 식이기 때문이다.