제 답변이 확실하지 않습니다. 강사님께서 더 좋은 답변을 달아주실 겁니다. 저도 공부한지 얼마 안 돼서요.
라우터(router/index.js)의 const router 안에 선언된 여러 경로가 있습니다.
이것을 이제 컴포넌트 안에서 사용해야 겠죠?
해당 챕터의 목적(?)은 board 컴포넌트 안에서 표시된 card 컴포넌트로 이동하는 것이 목적입니다.
그렇다면 board 컴포넌트 안에서 card 컴포넌트로 이동하기 위해 필요한 것은&nbsp;
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-link 와 router-view 의 차이를 모르겠습니다!

질문의 의도가 잘 이해가 안 되는데요.
main.js에서 import router from './router/index.js'를 하여서 router를 최상위 컴포넌트&nbsp;
new Vue({
&nbsp; &nbsp;...,
&nbsp; &nbsp;router,
&nbsp; &nbsp;...
})
안에 router를 넣어줬습니다.
1. 그렇다면 위 컴포넌트에 선언된 router를 어떻게 불러온다는 말씀이신가요?
=> router/index.js 마지막 부분 소스 코드에 export default router를 선언하였기 때문에 다른 파일에서 import router from './router/index.js' 를 통해 ./router/index.js에 선언한 router를 가져올 수 있는 겁니다.

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

&nbsp;넵 서버 돌리는 거 말씀 드린 것 입니다. node 최신 버전 업데이트, 모듈 지우고 재설치, window-tools cmd 관리자 모드로 재설치 등 하였는데 위와 같은 오류가 발생하였습니다.ㅠ

npm install 시 에러

저도 해결이 안 되네요. 같은 경우에요..

BOB

Posts