inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

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

중첩 라우트

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

1095

달린다

작성한 질문수 39

1

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

javascript vuejs

답변 1

3

BOB

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

라우터(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에 대해 공부하시면 좋을 것 같습니다.

0

달린다

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

객체가 함께 반환되는데 왜 그럴까요

1

136

2

babel-core module 에러

0

228

2

watch와 computed

1

249

1

nextTick 관련 질문

0

709

1

a 태그에 href를 빈 값으로 계속 주는 이유

0

770

1

함수에서 _를 사용하셨는데 어떨때 쓰이는 건가요?

0

350

1

watch로 router 감시할 때

0

408

1

보드 아이템 배경색 변경 관련 질문

0

289

1

NavigationDuplicated 에러

0

674

1

vue-router 설치 중 계속해서 오류가 발생합니다.

2

1417

2

로컬 스토리지 관련 질문입니다!

0

471

1

<router-link> 질문

0

312

1

(재질문/Vuex 적용 - 인증 1) 강의에서 8분 18초 부분 질문 있습니다.

0

288

1

왜 index.js를 바로 볼 수 있나요?

0

367

2

리스트 내 카드 이동 오류

1

546

0

보드를 추가했을 때 추가한 보드에 대한 화면 업데이트(?) 갱신(?)에 관한 질문입니다.

0

293

1

(Vuex 적용 - 인증 1) 강의에서 8분 18초 부분 질문 있습니다.

0

448

1

npm install 시 에러

0

996

2

안녕하세요 리스트 이동 관련 질문이 있습니다.

0

322

2

질문이 있습니다.

0

301

1

마지막 부분에 로그아웃 해서 로그인 화면으로 돌아왔을 때

0

269

1

소스 공유 받을수 있을까요?

0

330

1

setAuthInHeader 했는데 오류가 발생합니다.

0

252

1

복습 중 질문드립니다 ㅠ

0

227

1