인프런 영문 브랜드 로고
인프런 영문 브랜드 로고

인프런 커뮤니티 질문&답변

송승윤님의 프로필 이미지
송승윤

작성한 질문수

Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념

router-view를 이용한 라우팅 컴포넌트 표시

App.vue에서 Router-View를 두 번 사용가능한가요?

작성

·

1.1K

0

안녕하세요,

강의를 열심히 듣던중 Zum 홈페이지를 보다가 전체화면을 중심으로 왼쪽에는 기사제목이 나오고 해당 제목을 클릭하면 오른쪽에는 기사 내용이 나오게 되는 모습을 보았습니다.

궁금해서 Router로 간단하게 구현해 보는 과정 중에 Router view가 왼쪽과 오른쪽이 중복이 되어서 나오는데요...

혹시 router-view를 하나의 화면에 두 개로 사용이 가능한지 여쭙고 싶습니다.

구글링 해서 찾아보니 아래와 같은 소스가 있긴 한데요...

const router = new VueRouter({

routes: [

{

path: '/',

components: {

default: Foo,

a: Bar

}

}

]

})

화살표 함수를 사용 중이였는데 (=>) 이럴 경우는 어떻게 하는지 궁금합니다.

  1. router-view를 두 번 사용하기
  2. route안에서 => 화살표 함수로 두 개 이상 vue를 나타내는 방법
  3. 실무에서도 router-view를 한 화면에서 많이 사용하는 가요???

답변 1

2

안녕하세요 승윤님,

질문하신 내용은 뷰 라우터의 Named View인 것 같네요. 아래에 링크 달아드릴테니 확인해보세요. 참고로 Vue.js 초급 강좌와 Do it! Vue.js 입문 책에도 해당 내용이 언급 되어 있으니 혹시 자료 있으시면 다시 보시면 좋을 것 같아요!

https://router.vuejs.org/guide/essentials/named-views.html

수강해주셔서 감사합니다!

송승윤님의 프로필 이미지
송승윤

작성한 질문수

질문하기