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

질문의 의도가 잘 이해가 안 되는데요.

main.js에서 import router from './router/index.js'를 하여서 router를 최상위 컴포넌트 

new Vue({

   ...,

   router,

   ...

})

안에 router를 넣어줬습니다.

1. 그렇다면 위 컴포넌트에 선언된 router를 어떻게 불러온다는 말씀이신가요?

=> router/index.js 마지막 부분 소스 코드에 export default router를 선언하였기 때문에 다른 파일에서 import router from './router/index.js' 를 통해 ./router/index.js에 선언한 router를 가져올 수 있는 겁니다.

* 저는 router/index.js 에서 router 까지만 써도 접근이 된다는 것이 신기했습니다.

* import router from './router' 까지만 해도 router를 index.js에서 바로 받아볼 수 있는 부분이 궁금합니다.

* export default router 하기 때문에 router를 아무 데서나 쓸 수 있다는 것은 이해했습니다(정말 감사드립니다!) 그런데 index.js 라는 파일 이름인데도 router를 export 했다고 해서 import router from './router' 에서 router를 받아오는 이유를 모르겠습니다.