호출 순서 정리

1. main.js 에서 router와 App.vue 를 사용한다는 것을 인지

2.App.vue 에서 <router-view> 태그를 읽고 라우팅을함

* 화면에 보이는것은 App.vue 이며 Header 부분은 변하지않은 고정(메뉴바 등등) 화면을 뜻하며 

밑에 <router-view>태그 부분만 url에 따라 변하는것

 

3.<router view> 태그를 읽으면 router.js를 호출하여 읽음

routes: 부분에 선언된 path에 따라 App.vue 의 <router-view> 태그 부분이 바뀌는 것.