본문 바로가기
Web/Vue

Vue computed속성 vs watch속성

by 952_hi 2022. 5. 16.

Vue computed속성 vs watch속성

 

computed속성

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

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

settergetter를 직접 지정할 수 있음

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

 

Vue watch

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

 

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

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

'Web > Vue' 카테고리의 다른 글

Vue cli eslint+prettier 탭이나 간격 오류 발생시  (0) 2022.05.17
Vue 디렉티브  (0) 2022.05.16
Vue Life Cycle 간단정리  (0) 2022.05.16
Vue instance 속성 간단정리  (0) 2022.05.16

댓글