전역등록
TheHeader 라는 컴포넌트를 전역적으로 등록해주었다.
import { createApp } from 'vue';
import App from './App.vue';
import HelloWorld from './components/HelloWorld.vue';
createApp(App)
.component('hello-world', HelloWorld);
.mount('#app');
지역등록
모듈 시스템에서 컴포넌트를 다른 컴포넌트에 지역적으로 등록하는 방법이다. 등록하고 싶은 컴포넌트를 import해준다.
<template>
<HelloWorld />
</template>
<script>
import HelloWorld from './components/HelloWorld.vue';
export default {
components: {
HelloWorld,
},
};
</script>'Vue' 카테고리의 다른 글
| [Vue] Vuex 개념, 설치, 사용 방법 (스토어 모듈화시키기) (0) | 2022.07.06 |
|---|---|
| [Vue/한줄정리] 싱글 파일 컴포넌트(SFC)란? (0) | 2022.06.30 |
| [Vue] vite.js로 Vue 프로젝트 시작하고 ESLint, 경로 별칭까지 설정해주기 (0) | 2022.06.30 |
| [Vue] 컴포지션 API 사용법 (0) | 2022.06.19 |
| [Vue] 요소나 컴포넌트를 참조할 수 있는 refs 사용법 (0) | 2022.06.18 |
댓글