위의 예제에서 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 |