반응형 컴포넌트 디자인 패턴1 Vue.js 완벽가이드 : (12) 컴포넌트 디자인 패턴 12. 컴포넌트 디자인 패턴 컴포넌트 디자인 패턴 Common - 기본적인 컴폰언트 등록과 컴포너트 통신 Slot - 마크업 확장이 가능한 컴포넌트 Controlled - 결합력 높은 컴포넌트 Renderless - 데이터 처리 컴포넌트 12-1. Common 디자인 패턴 End 단의 컴포넌트가 표현되도록 구성하고 상위 컴포넌트에서 호출하는 기본적인 방식을 말합니다. /components/AppHeader.vue를 작성하여 Header 역할의 Component를 작성합니다. Vue Project에서는 다음과 같이 사용이 가능합니다. /components/FetchData.vue에서 response와 loading 데이터를 생성하고, render의 $scopedSlots을 이용하여 데이터를 노출시킵니다. .. 2020. 4. 23. 이전 1 다음 반응형