[Vue.js] 04. Computed 캐싱

2022. 3. 22. 10:13공부/Vue.js

표현식에서 메소드를 통해 Computed와 동일한 결과를 얻을 수는 있다.

최종 결과를 위해 두 가지 접근 방식은 정확히 동일하다.

차이점은 computed 속성은 반응형(reactive) 종속성에 기반하여 '캐시'된다는 것이다.

computed 속성은 반응형 종속성 중 일부가 변경된 이후에만 다시 계산된다.

즉, author.books가 변경되지 않는다면 publishedBooksMessage 속성에 아무리 여러번 접근하여도 계산을 다시 할 필요 없이 이미 계산된 결과를 캐시에서 가져와 바로 반환한다.

 

'공부 > Vue.js' 카테고리의 다른 글

[Vue.js] 06. Watch  (0) 2022.03.22
[Vue.js] 05. computed - Getter, Setter  (0) 2022.03.22
[Vue.js] 03. Data & Computed  (0) 2022.03.22
Vue.js 초기 세팅법  (0) 2022.03.20
[Vue.js] 02. 템플릿 문법  (0) 2022.03.19