componentes de registro global de vue, vue2 vue3 de dos maneras

Principalmente porque hay algunos componentes que podemos usar en muchas páginas en este momento, para evitar la introducción de cada componente de página,
a.vue

import header from "@/components/header.vue"

b.vue

import header from "@/components/header.vue"

c.ver

import header from "@/components/header.vue"

Esto causará una gran cantidad de duplicación de código. ¿Es incómodo
? Porque ahora vue3 también está reemplazando lentamente a vue2, pero v2 aún puede ser la corriente principal, así que aquí escribo
dos métodos de registro global

vue2
en main.js

import Vue from 'vue'
import header from "@/components/header.vue"
Vue.component("header", header)

vue3

import  {
    
     createApp } from 'vue'
import App from './App.vue'
import header from "@/components/header.vue"

const app = createApp(App)
app.component('header', header )

Después del teñido, se puede utilizar directamente en el componente.

<template>
	<header></header>
</template>

Sígueme para actualizar continuamente el conocimiento de front-end.