Vue.js, 컴포넌트

사용자 인터페이스를 만들기 위한 프로그레시브 프레임워크, 기존의 프레임워크와 통합이 쉽다는 것이 장점이다.

 

컴포넌트는 미리 정의된 옵션을 갖는 Vue 인스턴스이다. HTML 엘리먼트를 확장하여 재사용 코드를 캡슐화하는데 도움을 준다.

 

전역 컴포넌트

컴포넌트의 전역 등록은 일반적인 프로그래밍의 전역 변수와 유사하다. 인스턴스 생성 후 어느 페이지 또는 컴포넌트에서 글로벌하게 사용할 수 있다.

Vue.component(tagName, options)

 

지역 등록 

컴포넌트 등록에 있어서 전역등록 보다는 지역등록을 가장 많이 쓰고 보편적으로 사용한다. 웹팩같은 빌드 시스템을 사용하면 전역등록 된 사용되지 않는 모든 컴포넌트가 빌드에 포함되기 때문이다.