Named View

해당 URL에 해당하는 여러 개의 View(컴포넌트)를 동시에 랜더링한다.

따라서 각 컴포넌트에 해당하는 name 속성과 router-view 지정이 필요하다.

 

 

만약, 위 코드에서 router-view에 name 속성을 하지 않을 경우 아래 코드 중 "default"라고 표시된 영역이 <router-view> 영역에 표시된다.

 

 

이를 통해 알 수 있는 것은 nested router의 경우 "children"  속성이 존재하고, named view는 components에 일괄적으로 <router-view>의 name 속성과 컴포넌트를 연결한 것이다.

 

 

그 결과, 아래 화면이 탄생!!