[Vue] 컴포넌트 전역등록, 지역등록

전역등록

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>