본문 바로가기
웹(web)/프론트엔드-vue

computed cache

by 바코94 2020. 7. 8.

 

위의 예제에서 methods의 reverseMsg()를 사용하는 것과 computed의 reveresedMsg 를 사용하는 것은 같은 값을 리턴한다. 

html부분에서 각각 3 번씩 사용했다. 이 때 reversedMsg를 3 번 사용해도 'euV olleH'를 만드는 작업은 1회만 이루어 진다. 한 번 계산이 되면 계속 사용만 하는 것이다. 

복잡한 연산이 이루어지는 경우면서 자주 사용되는 값은 computed에 등록하여 사용하는 것이 유리할 것이다. 

'웹(web) > 프론트엔드-vue' 카테고리의 다른 글

v-bind , v-on 약어  (0) 2020.07.08
todo list - v-for, computed exercise  (0) 2020.07.08
computed getter, setter  (0) 2020.07.08
watch, computed  (0) 2020.07.08
toggle box  (0) 2020.07.08