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

달린다님의 프로필 이미지
달린다

작성한 질문수

트렐로 개발로 배우는 Vuejs, Vuex, Vue-Router 프론트엔드 실전 기술

중첩 라우트

router-link 와 router-view 의 차이를 모르겠습니다!

작성

·

925

1

카드는 router-view로 표현하는데 router-link 와의 차이가 무엇인지 궁금합니다

답변 1

3

제 답변이 확실하지 않습니다. 강사님께서 더 좋은 답변을 달아주실 겁니다. 저도 공부한지 얼마 안 돼서요.

라우터(router/index.js)의 const router 안에 선언된 여러 경로가 있습니다.

이것을 이제 컴포넌트 안에서 사용해야 겠죠?

해당 챕터의 목적(?)은 board 컴포넌트 안에서 표시된 card 컴포넌트로 이동하는 것이 목적입니다.

그렇다면 board 컴포넌트 안에서 card 컴포넌트로 이동하기 위해 필요한 것은 

1. card 컴포넌트로 이동하기 위한 url

2. card 컴포넌트로 이동한 후, card 컴포넌트 화면에 표시

이렇게 두 가지 입니다.

router-link는 1번의 의미와 같고 router-view는 2번의 의미와 같습니다.

한 컴포넌트 내에서 <router-link> 태그 선언을 통해 const router(router/index) 안에 경로 중 필요한 경로를 불러오는 역할이라고 생각하면 됩니다.

그렇다면 board 컴포넌트에서 card로 이동하기 위해서는

1. card 컴포넌트로 이동하기 위한 router-link가 필요할 것이고

2. card 컴포넌트로 이동한 후, card를 화면에 보여줄 필요가 있으니 router-view로 표현을 해주는 겁니다.

추가적으로 SPA, MPA에 대해 공부하시면 좋을 것 같습니다.

달린다님의 프로필 이미지
달린다
질문자

감사합니다. 강사님 답변인 줄 알았습니다. router-view가 보여주는 부분, router-link가 찾아가게 해주는 부분이라고 이해했습니다.

달린다님의 프로필 이미지
달린다

작성한 질문수

질문하기