이파닭 IT 이파닭 IT

setup() 은 Vue 3에서 도입된 Composition API 의 핵심 기능 중 하나다. Composition API 는 기존의 Options API(즉, data, methods, computed, watch, created, mounted 등) 방식 대신, 기능별로 코드가 더 유연하게 구성되도록 돕는 새로운 방식이다. setup()은 컴포넌트의 초기화 및 반응성 상태를 정의하는데 사용한다. setup()은 컴포넌트가 생성되기 전에 실행되며, 컴포넌트의 data, methods, computed 등을 정의하는 대신, 반응형 상태와 기능을 정의하는 새로운 방법을 제공한다.   1. setup()의 기본 사용법setup()은 컴포넌트가 인스턴스화될 때 가장 먼저 호출됨.이 함수는 props와 cont..

created인스턴스가 작성된 후 동기적으로 호출부모, 자식 관계의 컴포넌트가 렌더링 될 때 mounted 보다 먼저 호출되며 부모, 자식 순으로 실행가상 DOM 을 건드릴 수 없습니다.($el 속성 사용 불가)created 에서는 컴포넌트의 데이터 초기화 및 서버 요청과 관련된 작업이 시점에서는 DOM에 접근할 수 없지만, 컴포넌트의 데이터와 메서드에 접근할 수 있기 때문에 데이터 관련 작업을 먼저 처리하고자 할 때 사용mounted인스턴스가 마운트된 후 호출부모, 자식 관계의 컴포넌트가 렌더링 될 때 created 다음으로 호출되며 자식, 부모순으로 실행모든 자식 컴포넌트가 마운트되었음을 보장하지 않음(전체 화면내용이 렌더링될 때까지 기다리려면, mounted 내에 vm.$nextTick를 사용)가상..