[Vue] Vue computed 개념 정리

1. compute를 사용하는 이유 : method와 같은 기능이다. 템플릿에서 복잡하게 연산하지 않고, computed로 복잡한 로직을 빼주어 직관적인 템플릿을 만든다.

 

2. computed와 method의 차이: compute는 불러진 함수가 캐쉬화되어 진다. 즉, 함수를 부를 때마다 새롭게 계산하는 것이 아니라, 이전에 계산된 결과를 즉시 돌려준다.

반면 methods는 렌더링(함수를 돌릴때마다) 항상 새롭게 함수를 실행한다.

 

3. 캐싱이 필요한 이유 :  계산이 오래 걸리는 함수를 반복하여 실행하면 너무 늦어진다. 이때에는 computed를 사용하면 계산 결과를 그대로 반환하므로 속도가 빠르다. 캐쉬를 사용할 때는 computed를 사용하고, 캐쉬를 사용하지 않아도 되는 경우는 method를 사용!

 

 

https://velog.io/@jinsu6688/vuejs-computed

[내가 보기 위한!] Vue computed 개념 정리