vs Computed

Computed와 Watch의 비교

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

공통점

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

차이점

• computed는 값을 반드시 반환해야 하며, watch는 반환이 불가능하다.

• computed는 다른 값의 변경 작업을 수행하지 말아야 한다(무한루프 발생가능)

• watch는 다른 값들의 변경이 가능하다.

• 동일한 작업이 가능하다면 computed를 쓰는 것이 성능적으로 좋다.

  • computed는 캐싱 방식을 사용하여 데이터의 변화가 없을 경우 추가 계산을 수행하지 않는다

• 계산이 복잡해질 수록 watch를 쓰는 것이 성능적으로 좋다.

  • computed는 단일 항목에 대한 계산을 수행하는 것을 권장한다.