Vue 3 컴포넌트 아키텍처와 데이터 흐름 완전 가이드
1. 컴포넌트 정의 및 재사용성 (전역과 지역 등록)
Vue에서 컴포넌트는 UI를 재사용 가능한 단위로 분리하는 핵심 메커니즘입니다. 컴포넌트는 사용 범위에 따라 지역(Local) 또는 전역(Global)으로 등록할 수 있습니다. 지역 컴포넌트는 일반적으로 파스칼 케이스(PascalCase)로 명명하며, 전역 컴포넌트는 케밥 케이스(kebab-case)로 명명하는 것이 관례입니다.
// 지역 ...
9월 11일 01:14에 게시됨
Vue 2 슬롯과 커스텀 지시문을 활용한 동적 상품 리스트 컴포넌트 구현
Vue 2에서 컴포넌트의 재사용성을 극대화하기 위해 슬롯(Slots)과 커스텀 지시문(Custom Directives)을 활용하는 방법은 매우 중요합니다. 이번 예제에서는 범용적인 테이블 컴포넌트와 편집 가능한 태그 컴포넌트를 설계하여 실제 상품 관리 리스트를 구현하는 과정을 살펴봅니다.
주요 학습 포인트
컴포넌트 통신: props, $emit, 그리고 v-model을 이용한 양방향 ...
8월 4일 00:00에 게시됨