Vue computed속성 vs watch속성
computed속성
특정 데이터의 변경사항을 실시간으로 처리
캐싱을 이용하여 데이터의 변경이 없을 경우 캐싱된 데이터를 반환
setter와 getter를 직접 지정할 수 있음
작성은 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 |
댓글