VUE3.X全局组件和局部组件的注册

一、全局组件的注册

        1.现在main.js中导入组件

        2.调用app实例的component()方法，在全局注册组件

import { createApp } from 'vue'
import App from './App.vue'
// 全局注册组件
// 1.先导入组件
import MyHome from '@/components/MyHome'

const app = createApp(App)

// 2.调用app实例的component()方法，在全局注册组件
app.component('MyHome',MyHome)

app.mount('#app')

        3.在页面中直接使用全局组件

<template>
  <h2>App根组件</h2>
  <!-- 全局组件的使用 -->
  <MyHome></MyHome>
</template>

<script>
export default {
  name: 'App',
}
</script>

二、局部组件的注册

        1.在要使用的页面导入组件

        2.在components中声明组件

<template>
  <h2>App根组件</h2>
  <!-- 全局组件的使用 -->
  <MyHome></MyHome>