| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | 5 | 6 | |
| 7 | 8 | 9 | 10 | 11 | 12 | 13 |
| 14 | 15 | 16 | 17 | 18 | 19 | 20 |
| 21 | 22 | 23 | 24 | 25 | 26 | 27 |
| 28 | 29 | 30 |
- reactivity
- tdz
- 템플릿 문법
- asynchronus
- hoisting
- promise
- async
- html 엔티티
- let
- 앱 빌드
- watch
- ref
- computed
- composition api
- composition API
- 티스토리챌린지
- es6
- Component
- setup 함수
- watchEffect
- 오블완
- dex모드
- eruda
- synchronus
- vitre
- mobile dev tools
- vue
- drective
- const
- await
- Today
- Total
목록watchEffect (2)
uxtry
Vue의 watch와 watchEffect는 Composition API 에서 반응형 데이터의 변화를 감지하고 특정 작업을 수행하기 위해 사용됩니다.두 기능은 비슷해 보이지만, 사용 목적과 동작방식이 다릅니다. 1. watchwatch는 특정 데이터(반응형 상태)의 변화를 감지하고 그에 따라 작업을 실행합니다. 특징:특정 데이터를 명시적으로 감시합니다.초기 실행 없이, 데이터가 변경될 때만 실행됩니다.비동기 작업에 유용합니다.사용 예제 텍스트: {{ text }}작동 방식:사용자가 text를 변경할 때만 watch 콜백이 실행됩니다.newValue: 변경된값, oldValue: 변경되기 전의 값.복수 데이터 감시 비동기 작업 예제 watch의 옵션immediate: 감시 초기 시점에 즉시 콜백 실..
Vue3의 반응형(Reactivity) 시스템은 컴포넌트 상태가 변경될 때마다 UI를 자동으로 업데이트하여, 동적인 사용자 인터페이스를 쉽게 구현할 수 있도록 돕습니다. 반응형 시스템의 기초는 ref, reactive, computed, 그리고 watch와같은 API를 사용하는 것입니다. 1.refref는 원시 데이터 타입(문자열, 숫자, 블리언 등)을 반응형으로 만드는데 사용합니다. ref를 사용하면 값이 바뀔 때 Vue가 자동으로 UI를 업데이트 합니다. ref로 정의된 변수의 값을 읽거나 쓸 때는 .value를 통해 접근합니다. 카운트: {{ count }} 증가 ★ Vue SFC Playground 코드 실행 →이 코드에서 count는 반응형 변수로 설정되었고 count..