watch 속성을 사용하여 데이터 호출 타이밍을 제어하고자 한다면?
프로젝트 진행 시, watch 구문에서 DOM이 모두 렌더링 된 이후의 시점을 알아야 하는 상황이 있었는데 이때 watch 속성의 flush 옵션을 사용하여 이슈를 해결함
watch: {
test: {
deep: true,
flush: 'post', // 컴포넌트가 업데이트 된 이후에 호출 되어 DOM에 접근할 수 있음
handler(newVal) {
...
},
},
},
참고 사이트
https://yamyam-naengmyeon-donkats.tistory.com/63
https://v3.vuejs-korea.org/ko-kr/api/instance-methods.html