watch newValue와 oldValue가 같은 이유?
219
작성한 질문수 3
음 강의를 잘듣고있습니다. 궁금한 점은 watch를 사용하는 부분에서 인자 두개 prevValue,newValue 두개를 콘솔로 찍어봤을때 값이 같은 이유는 뭔지가 궁금합니다.
답변 1
0
안녕하세요, 인프런 AI 인턴입니다.
wnwlghdqkqh님, Vue 3에서 watch를 사용하여 prevValue와 newValue를 콘솔로 찍었을 때 값이 같게 나오는 경우는 보통 비동기 업데이트 사이클 때문에 발생할 수 있습니다. Vue는 반응형 시스템을 비동기적으로 업데이트합니다. 따라서 watch로 관찰하고 있는 값이 변하고 바로 watch의 콜백이 실행되면, 변화가 반영되기 전의 값과 변화가 반영된 후의 값이 동일한 시점에 캡처될 수 있습니다.
이러한 경우, 종종 nextTick을 사용하여 비동기 업데이트가 완료된 후의 상태를 확인하는 방법이 있습니다. 예를 들어, watch 콜백 내부에서 Vue.nextTick()을 사용하여 콘솔 로그를 찍으면, 업데이트된 값과 이전 값을 정확히 비교할 수 있습니다.
또한, watch를 사용할 때 깊은 관찰(deep watch)이나 즉시 실행(immediate) 옵션 등을 적절히 설정하면, 예상치 못한 동작을 보다 세밀하게 통제할 수 있습니다.
Vue 3의 Composition API를 사용하면서 watch 기능을 최대한 활용하기 위해 공식 문서의 관렌 섹션을 참고하는 것을 추천드립니다. 각종 세부 옵션과 사용 방법에 대해 자세히 설명되어 있어, watch의 동작 방식을 이해하는 데 도움이 될 것입니다.
tailwind css 적용 잘 안되면 참고하세요.
0
21
1
질문드립니다.
0
29
0
unplugin-vue-components 질문드립니다.
0
33
2
강의듣다가 헷갈려서 질문드립니다.
0
28
1
와 짐코딩님 강의 들으면서 느끼는게 많네요.
0
27
1
질문드립니다.
0
29
2
npm init vue@3.1.9
0
36
2
크롭 웹스토어 vue devtools 설치 관련
0
38
1
카카오 클라이언트 시크릿
0
185
2
snippets 작성하는 부분 설명이 있었나요?
0
47
2
ERD 질문
0
54
2
computed 의 set 함수를 통해 const 변수에 값을 담는 부분
0
52
2
개발자 툴에서 Vue가 표시되지 않는 현상.
0
90
2
소스 공유 어디서 해야하는지 궁금합니다
0
60
2
component 등록과 사용
0
57
2
chrome 확장 devtools 버전 문제
0
80
1
volar 기능을 이용해서 컴포넌트 명 작성할때 자동완성 기능
0
51
1
volar 확장 기능이 현재 미지원으로 뜹니다.
0
175
1
vb 입력 후 스마트 완성이 뜨지 않습니다.
0
234
3
화면이 안나옵니다
1
201
2
composition api 재사용성에 대한 문의
1
343
1
강의 수강을 다시 할 수 있을까요
1
357
1
강의 노트 관련 문의입니다 :)!
2
367
1
할일추가, 조회 기능 리팩토링 App.vue 강의 내용이 없습니다
2
411
2