Vue computed속성 vs watch속성

Vue computed속성 vs watch속성

 

computed속성

특정 데이터의 변경사항을 실시간으로 처리

캐싱을 이용하여 데이터의 변경이 없을 경우 캐싱된 데이터를 반환

setter와 getter를 직접 지정할 수 있음

작성은 method 형태로 작성하지만 Vue에서 proxy처리하여 property처럼 사용

 

Vue watch

Vue Instance의 특정 property가 변경될 때 실행할 콜백 함수 설정

 

computed는 종속된 데이터가 변경되었을 경우 그 데이터를 다시 계산하여 캐싱한다.

watch의 경우 data가 변경되었을 경우 다른 data를 변경하는 작업을 한다.