WEB/Vue.js

[Vue.js][기본 문법2] 8. Computed vs Watchers

bay07 2024. 4. 30. 10:51
Computed Watcher
(공통)
데이터의 변화를 감지하고 처리한다 
의존(감시)하는 원본 데이터를 직접 변경하지 않는다. 
(공통)
데이터의 변화를 감지하고 처리한다 
의존(감시)하는 원본 데이터를 직접 변경하지 않는다. 
동작
의존하는 데이터 속성의 계산된 값을 반환한다

사용목적
계산한 값을 캐싱하여 재사용한다 
중복 계산을 방비한다 

ex
연산 된 길이, 필터링 된 목록 계산 등 

동작
특정 데이터 속성의 변화를 감시하고, 
작업을 수행한다 (side-effects)

사용 목적 
데이터 변화에 따른 특정 작업을 수행한다 

ex
DOM 변경
다른 비동기 작업 수행
외부 API와의 연동