이번 포스트에서는 route의 meta field를 활용한 dynamic layout에 대해 살펴보자. 기존의 layout named view를 이용한 layout 구성앞서 우리는 named view를 이용해 페이지의 layout을 구성한 바 있다.{ path:"/named/home", components:{ header: HeaderView, footer: FooterView, default:SiteMainView, }}, 또는 Header와 Footer는 고정하고 SiteMainView만 RouterView의 형태로 작성해 볼 수도 있다. 하지만 이때의 문제는 각 뷰 마다 layout이 "고정적"이라는 데 있다. 어떻게 하면 필요에 따라 여러가지 레이아웃을 구성해 볼 수 있을..
[vue3-router] 06. route meta field와 multiple layout
이번 포스트에서는 route의 meta field를 활용한 dynamic layout에 대해 살펴보자. 기존의 layout named view를 이용한 layout 구성앞서 우리는 named view를 이용해 페이지의 layout을 구성한 바 있다.{ path:"/named/home", components:{ header: HeaderView, footer: FooterView, default:SiteMainView, }}, 또는 Header와 Footer는 고정하고 SiteMainView만 RouterView의 형태로 작성해 볼 수도 있다. 하지만 이때의 문제는 각 뷰 마다 layout이 "고정적"이라는 데 있다. 어떻게 하면 필요에 따라 여러가지 레이아웃을 구성해 볼 수 있을..
2023.11.03