[vue] router-view, router-link차이

router-link는 a태그와 유사하다고 보면될 것 같고,
router-view는 link가 이동되었을 때 화면이 보여질 영역이라고 보면될 것 같다.

이게 무슨 의미냐면, 만약 App.vue에 router-view를 선언해놓고 router-link로 경로를 이동할 때
JSP는 페이지 전환이 있기 때문에 reload 된다 하지만, router-view를 사용하게 되면 페이지 전환이 없고 같은 영역에서 링크만 변경되는 방식이기 때문에 reload 또한 없다.

그런데 만약 router-view가 두개라면 어떻게 될까?

영역이 두개라는 의미일텐데 router-link로 이동했을 때 이 둘을 어떻게 분간할 수 있지?

<router-view></router-view> <!-- default router-view -->
<router-view name="sidebar"></router-view> <!-- named router-view -->

위와 같이 구분해줄 수 있다고 하는데, 그러면 router-link는 어떻게 사용해야 하는거지?

네스티드 라우터와 네임드 뷰?

router-link에 :to는 뭐야?

모르는게 백가지가 넘는구만..