routes는 하나의 배열로 여러가지 object를 갖고 있고,

그 안의 name은 동일하게 가질 수 없다.

라우터를 연결하는 방법은 3가지가 있다.

🚩 1.

Untitled

→ import로 연결하기

→ 자바스크립트 형태로 컴파일 후 app.js에 생성된다.

Untitled

✏ vue 프로젝트에서 최종적으로 남는 파일은 index.html과 여러 vue 파일들을 js파일로 컴파일한 파일들, css파일들이다.

직접적으로 import해서 router에 연결한 파일은 js로 컴파일 되어, app.js안에 들어가고,

본인이 개발한 코드 외에 외부에서 참조하고 있는 코드 또는 라이브러리들의 스크립트 코드들과 webpack을 이용하여 import한 파일들은 chunk-vendeors.js 에 생성되어있다.

🚩 2.

Untitled

Untitled

→ webpackChunkName: “불러올 이름”