Computed | Watcher |
(공통) 데이터의 변화를 감지하고 처리한다 의존(감시)하는 원본 데이터를 직접 변경하지 않는다. |
(공통) 데이터의 변화를 감지하고 처리한다 의존(감시)하는 원본 데이터를 직접 변경하지 않는다. |
동작 의존하는 데이터 속성의 계산된 값을 반환한다 사용목적 계산한 값을 캐싱하여 재사용한다 중복 계산을 방비한다 ex 연산 된 길이, 필터링 된 목록 계산 등 |
동작 특정 데이터 속성의 변화를 감시하고, 작업을 수행한다 (side-effects) 사용 목적 데이터 변화에 따른 특정 작업을 수행한다 ex DOM 변경 다른 비동기 작업 수행 외부 API와의 연동 |
'WEB > Vue.js' 카테고리의 다른 글
[Vue.js][기본 문법2] 10. Vue Style Guide (0) | 2024.04.30 |
---|---|
[Vue.js][기본 문법2] 9. Lifecycle Hooks (0) | 2024.04.30 |
[Vue.js][기본 문법2] 7. Watchers (0) | 2024.04.30 |
[Vue.js][기본 문법2] 6. v-for + v-if (0) | 2024.04.30 |
[Vue.js][기본 문법2] 5. v-for + key (0) | 2024.04.30 |