Computed와 Method 차이는?

즉, method를 향상 시켜놓은 느낌이네, computed에서는 속서으이 함수와 상관없이 없는 값는 재실행하지 않기 때문이다.
둘의 차이점은 데이터가 변동되지 않는다고 가정했을때에 드러난다.

데이터 변동이 없는 상태에서 computed는 이전의 계산된 값을 캐시해 두었다가 함수 호출시 다시 쓰게 된다.

반면 methods는 사용될 때마다 함수의 계산을 다시 하게 된다.

만약 데이터가 자주 변동되지 않는다면, 비용적인 면에서는 computed가 좋다고 할 수 있고,

데이터가 수시로 업데이트 된다면 계속해서 캐시를 저장하는 computed보다는 methods가 더 좋을 수 있다.

 

v-if dom을 건드리니까 자주 발생하지 않는 것에 유리하다.  methods느낌 

v-show css를 가렸다 보였다하기 때문에 변동이 많은 것을 넣어줌. computed도 캐시에 두고 호출하고 씀, 데이터 값에 변동이 없으면 computed가 효율적. 

 

https://medium.com/@hozacho/%EB%A7%A8%EB%95%85%EC%97%90-vuejs-%EA%B3%84%EC%82%B0%EB%90%9C-%EC%86%8D%EC%84%B1-vuejs-instance-computed-93cb6ad7dca9

계산된 속성 computed, computed vs methods / VueJS Instance / [맨땅에 VueJS]