vue 프로젝트 구조 : views 와 components 차이

vue로 프로젝트를 구성하다보면 views 폴더와 compoents 폴더가 나눠져 있는걸 볼 때가 있다.

그리고 두 폴더를 확인하면 둘 다 vue 파일이라 어떤 기준으로 vue 파일이 위치하여야하는지 헷갈릴 때가 있다.

간단하게 router 폴더 아래에 index.js 를 보면 경로(path)별 component 가 명시되어 있는걸

확인할 수 있다.

즉, 이 router 속 component 에 명시된 vue 파일은 views 폴더 아래에 위치하고 

views 폴더 속 vue 파일 내부에서 component로 호출하는 vue 파일들은

component 폴더 아래에 위치시키면 된다.