본문 바로가기
IT/FE

Vue.js views, components 차이

by 유니코드 2022. 12. 26.

views 디렉토리와 components 디렉토리 모두 vue 확장자 파일이 저장된다.

차이점
views : 전체 화면을 구성하는 컴포넌트를 관리
components : 부분적으로 사용되는 컴포넌트(재사용 컴포넌트)를 관리

기본적으로는 라우터에서 호출하는 컴포넌트는 views, 그렇지 않은 컴포넌트는 components에 저장

예로 vue기본 프로젝트를 생성하면, 라우터에서 AboutView.vue와 HomeView.vue파일을 import하고, HomeView.vue 파일에서 다시 components 디렉토리의 HellowWorld를 import하는 것을 볼 수 있다. 

즉, components디렉토리에서는 화면 구성요소의 컴포넌트들을 관리한다.