[vue.js] 공통 컴포넌트/Event Bus/Multi,Single Page 개념

# 재활용 가능한 공통 컴포넌트란?

- 어떤 이벤트가 발생했다는 정보만 (onDragStart...?, onDragEnd...?) 부모 컴포넌트에 전달해주는 것

- 실제 구현은 부모와 자식 둘중, 어디서 구현해야하는지 잘 구분해야 함

 

# Event Bus 방식

- 부모/자식 간 Depth가 깊을 경우, 같은 레벨간 데이터 전달이 쉽지 않으므로, 리스너만 등록해주고, Event 발생 시점에 EventBus로 emit

 

# Multi Page 방식(기존)

- 페이지별로 url과 리소스가 존재하고, 검색엔진은 개별 페이지를 참조한다.

 

# Single Page 방식

- 검색 엔진이 하나의 페이지만 인식하는 문제로, Routing 기능을 만들고,

Browser의 history 기능을 사용하여, 모든 페이지를 이미 방문한 페이지라고 브라우저에 인식시켜서,

페이지를 캐시 시켜놓는다.