computed
계산된 속성으로 불리우며 반응형 데이터를 포함하는 논리연산이 필요한 경우 사용하는 메소드이다.
- getter 함수를 전달받기를 기대하며 반환된 값은 계산된 ref 입니다.
특징
- 계산된 속성에 사용된 반응형 ref를 자동으로 추척
- 캐싱 기능
- 거대한 배열 루프를 돌며 계산을 해야하는 값비싼 비용의 list 경우 추가적으로 list에 의존하여 다른 계산된 속성이 필요한 경우
- 캐싱을 원하지 않는다면 computed 없이 메소드만 선언해야 합니다.
주의사항
getter에서 사이드 이펙트는 금물!
- getter안에서 다른 상태를 변형, 비동기 요청, DOM을 변경하는 행위는 하지마세요!
계산된 값을 변경하지 마세요
- 임의적으로 computed 안에 set 메소드를 사용하여 원본 데이터를 훼손하게 됩니다. 권장하지 않아요!
- 계산된 속성에서 반환 값은 파생된 상태, 임시 스냅샷으로 생각하세요!
- 값의 변경이 있을 때 마다 새로운 스냅샷이 생성됩니다!