목록라이프 사이클 (1)

미새문지

mounted()란?

mounted()mounted()는 Vue.js의 라이프사이클 훅 중 하나이며, 컴포넌트의 인스턴스가 DOM에 마운트된 후에 호출된다. mounted() 훅은 컴포넌트의 템플릿이 DOM에 삽입된 후 실행되기 때문에 DOM 요소에 접근할 수 있는 시점이다. 그래서 이 훅을 사용하면 DOM 조작이나 외부 라이브러리 초기화와 같은 작업을 안전하게 수행할 수 있다고 한다. 예시)  이 코드에서 mounted의 역할은 화면이 다 렌더링 된 후에 mounted() 함수가 실행이 된다. 즉, DOM으로 접근할 때 함수가 먼저 실행되는 것을 방지하기 때문에 접근 객체를 못 찾는 에러를 예방할 수 있다.
vue.js 2024. 7. 5. 17:34
이전 Prev 1 Next 다음