웹(web)/프론트엔드-vue
computed cache
바코94
2020. 7. 8. 17:35
위의 예제에서 methods의 reverseMsg()를 사용하는 것과 computed의 reveresedMsg 를 사용하는 것은 같은 값을 리턴한다.
html부분에서 각각 3 번씩 사용했다. 이 때 reversedMsg를 3 번 사용해도 'euV olleH'를 만드는 작업은 1회만 이루어 진다. 한 번 계산이 되면 계속 사용만 하는 것이다.
복잡한 연산이 이루어지는 경우면서 자주 사용되는 값은 computed에 등록하여 사용하는 것이 유리할 것이다.