먼저 컴포넌트로 사용할 Home.vue 파일을 생성한다.예제에서 사용하는 파일은 모두 같은 뎁스에 존재한다.
- 지역 컴포넌트의 사용법 App.vue 파일에서 지역적으로 막 작성한 Home.vue 파일을 컴포넌트로 사용하는 방법이다.지역 컴포넌트의 경우 해당하는 import [컴포넌트명] form [컴포넌트 경로]로 선언된 장소에서만 사용할 수 있다.2. 전역 컴포넌트의 사용법 지역 컴포넌트와 달리 전역 컴포넌트는 어디서나 컴포넌트를 사용할 수 있다. 메인.js 파일에서 Vue.component([컴포넌트명, 컴포넌트]) 함수로 컴포넌트를 선언하여 사용한다.
- – main.js 파일
- – App.vue 파일 main.js에서 Home.vue 파일을 v-home 이름의 컴포넌트로 선언하였으나 App.vue에서 바로 사용할 수 있다.