> For the complete documentation index, see [llms.txt](https://docs.sysout.co.kr/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.sysout.co.kr/web/develop-page/js/vuejs/cdn-vue3/vue-instance/watch/vs-computed.md).

# vs Computed

## Computed와 Watch의 비교

이 문서에서는 Vue computed와 Vue watch의 공통점과 차이점을 분석한다.

### 공통점

*  항목의 변화를 감지할 수 있다. 

### 차이점

* computed는 값을 반드시 반환해야 하며, watch는 반환이 불가능하다.
* computed는 다른 값의 변경 작업을 수행하지 말아야 한다(무한루프 발생가능)
* watch는 다른 값들의 변경이 가능하다.
* 동일한 작업이 가능하다면 computed를 쓰는 것이 성능적으로 좋다.
  * computed는 캐싱 방식을 사용하여 데이터의 변화가 없을 경우 추가 계산을 수행하지 않는다
* 계산이 복잡해질 수록 watch를 쓰는 것이 성능적으로 좋다.
  * computed는 단일 항목에 대한 계산을 수행하는 것을 권장한다.