Vue 3 script setup 환경에서 부모 컴포넌트가 자식 데이터에 접근하고 수정하는 패턴
Vue 3의 <script setup> 구문에서는 컴포넌트 인스턴스가 기본적으로 닫혀 있어 부모가 자식의 내부 상태에 직접 접근할 수 없습니다. 하지만 아키텍처 요구사항에 따라 부모 컴포넌트가 자식 컴포넌트의 데이터를 제어해야 하는 상황이 발생할 수 있습니다. 이를 구현하는 두 가지 주요 기술적 패턴을 살펴봅니다.
패턴 1: defineExpose와 ref를 활용한 직접 접근
...
6월 6일 19:50에 게시됨