注册组件（全局注册、局部注册）

一、全局注册

1.在components下创建一个组件（helloWord.vue)

<template>
    <h1>helloWord.vue根组件</h1>
</template>
<script>
export default{
//组件name
  name:'HelloWord',
  data() {
    return {
      
    }
  },
}
</script>
<style></style>

2.在main.js中注册

import { createApp } from "vue";
import App from './App.vue'
import HelloWorld from './components/HelloWorld.vue'
const app = createApp(App)
app.component('hello-world',HelloWorld
//通过name注册
//app.component('HelloWorld.name',HelloWorld)
app.mount('#app')

3.使用

<template>
    <h1>app.vue根组件</h1>
    <h3>abc</h3>
    <hello-world></hello-world>
</template>
<script>
export default{
  name:'App',
  data() {
    return {
      
    }
  },
}
</script>
<style></style>

二、局部注册

<template>
    <h1>app.vue根组件</h1>
    <h3>abc</h3>
    <HelloWord></HelloWord>
</template>
<script>
import HelloWord from './components/HelloWorld.vue'
export default{
  name:'App',
  data() {
    return {
      
    }
  },
  components:{
    HelloWord
  }
}
</script>
<style></style>