[TIL - 24.01.03] Vue.js / $nextTick()

1. $nextTick()

 

1) 사용 원인

-> data가 업데이트 된 후 UI가 갱신될 때 Vue가 DOM을 찾지 못하는 경우가 발생

-> 자바스크립트는 DOM 업데이트를 비동기적으로 처리함.

-> mounted 훅 사용하면 될 것 같은데... 또 이 mounted 훅이 생각보다 모든 컴포넌트가 렌더되고 실행하는 걸 보장해주지 않는다고 함.

 

2) 방법

Vue.nextTick(function () {
  // do something cool
})